diff --git a/apps/app/ui-tests-app/mainPage.ts b/apps/app/ui-tests-app/mainPage.ts index f83fb22c9..8affc98bf 100644 --- a/apps/app/ui-tests-app/mainPage.ts +++ b/apps/app/ui-tests-app/mainPage.ts @@ -38,6 +38,7 @@ export function pageLoaded(args: EventData) { examples.set("segStyle", "segmented-bar/all"); examples.set("list-view", "list-view/list-view"); examples.set("issues", "issues/main-page"); + examples.set("page", "page/main-page"); //examples.set("listview_binding", "pages/listview_binding"); //examples.set("textfield", "text-field/text-field"); @@ -56,7 +57,7 @@ export function pageLoaded(args: EventData) { refresh(); } - + // should be removes export function refresh() { oldExamples.set("actStyle", "action-bar/all"); diff --git a/apps/app/ui-tests-app/page/main-page.ts b/apps/app/ui-tests-app/page/main-page.ts new file mode 100644 index 000000000..f888b03e7 --- /dev/null +++ b/apps/app/ui-tests-app/page/main-page.ts @@ -0,0 +1,24 @@ +import { EventData } from "data/observable"; +import { MainPageViewModel } from "../mainPage"; +import { WrapLayout } from "ui/layouts/wrap-layout"; +import { Page } from "ui/page"; + +export function pageLoaded(args: EventData) { + let page = args.object; + let view = require("ui/core/view"); + + let wrapLayout = view.getViewById(page, "wrapLayoutWithExamples"); + + let examples: Map = new Map(); + + examples.set("statusBar", "page/page-status-bar-css"); + + let viewModel = new SubMainPageViewModel(wrapLayout, examples); + page.bindingContext = viewModel; +} + +export class SubMainPageViewModel extends MainPageViewModel { + constructor(container: WrapLayout, examples: Map) { + super(container, examples); + } +} \ No newline at end of file diff --git a/apps/app/ui-tests-app/page/main-page.xml b/apps/app/ui-tests-app/page/main-page.xml new file mode 100644 index 000000000..2af24bc06 --- /dev/null +++ b/apps/app/ui-tests-app/page/main-page.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/apps/app/ui-tests-app/page/page-status-bar-css.ts b/apps/app/ui-tests-app/page/page-status-bar-css.ts new file mode 100644 index 000000000..6cafc2a69 --- /dev/null +++ b/apps/app/ui-tests-app/page/page-status-bar-css.ts @@ -0,0 +1,72 @@ +import color = require("color"); +import page = require("ui/page"); +import style = require("ui/styling/style"); +import view = require("ui/core/view"); + +export function applyTap(args) { + let page = (args.object).page; + + reset(page); + + let css = "#test-element { " + args.object.tag + " }"; + page.css = css; + } + +export function applyTapOnStyledActionBar(args) { + let page = (args.object).page; + + reset(page); + + page.actionBar.backgroundColor = new color.Color("#5DFC0A"); + var css = "#test-element { " + args.object.tag + " }"; + page.css = css; +} + +export function applyTapWithHiddenActionBar(args) { + let page = (args.object).page; + + reset(page); + + page.actionBarHidden = true; + var css = "#test-element { " + args.object.tag + " }"; + page.css = css; +} + +export function applyTapWithSpan(args) { + let page = (args.object).page; + + reset(page); + + page.backgroundSpanUnderStatusBar = true; + var css = "#test-element { " + args.object.tag + " }"; + page.css = css; +} + +export function applyTapOnStyledActionBarAndSpan(args) { + let page = (args.object).page; + + reset(page); + + page.backgroundSpanUnderStatusBar = true; + page.actionBar.backgroundColor = new color.Color("#E0115F"); + var css = "#test-element { " + args.object.tag + " }"; + page.css = css; +} + +export function applyTapWithActionBarHiddenAndSpan(args) { + let page = (args.object).page; + + reset(page); + + page.backgroundSpanUnderStatusBar = true; + page.actionBarHidden = true;; + var css = "#test-element { " + args.object.tag + " }"; + page.css = css; +} + +function reset(page: page.Page) { + page.css = ""; + page.actionBarHidden = false; + page.backgroundSpanUnderStatusBar = false; + page.actionBar.style._resetValue(style.backgroundColorProperty); +} \ No newline at end of file diff --git a/apps/app/ui-tests-app/page/page-status-bar-css.xml b/apps/app/ui-tests-app/page/page-status-bar-css.xml new file mode 100644 index 000000000..7552c3b9c --- /dev/null +++ b/apps/app/ui-tests-app/page/page-status-bar-css.xml @@ -0,0 +1,38 @@ + + + + + + + + +