From e502c36f54fc014b895900bfe02f0e988b399454 Mon Sep 17 00:00:00 2001
From: Rossen Hristov <rossen.hristov@telerik.com>
Date: Mon, 7 Nov 2016 15:57:00 +0200
Subject: [PATCH] Add UI test for ActionBar page CSS

Verifies #2661
---
 apps/app/ui-tests-app/issues/issue-2661-second.css | 4 ++++
 apps/app/ui-tests-app/issues/issue-2661-second.ts  | 5 +++++
 apps/app/ui-tests-app/issues/issue-2661-second.xml | 8 ++++++++
 apps/app/ui-tests-app/issues/issue-2661.css        | 4 ++++
 apps/app/ui-tests-app/issues/issue-2661.ts         | 5 +++++
 apps/app/ui-tests-app/issues/issue-2661.xml        | 8 ++++++++
 apps/app/ui-tests-app/issues/main-page.ts          | 1 +
 7 files changed, 35 insertions(+)
 create mode 100644 apps/app/ui-tests-app/issues/issue-2661-second.css
 create mode 100644 apps/app/ui-tests-app/issues/issue-2661-second.ts
 create mode 100644 apps/app/ui-tests-app/issues/issue-2661-second.xml
 create mode 100644 apps/app/ui-tests-app/issues/issue-2661.css
 create mode 100644 apps/app/ui-tests-app/issues/issue-2661.ts
 create mode 100644 apps/app/ui-tests-app/issues/issue-2661.xml

diff --git a/apps/app/ui-tests-app/issues/issue-2661-second.css b/apps/app/ui-tests-app/issues/issue-2661-second.css
new file mode 100644
index 000000000..1ee495565
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-2661-second.css
@@ -0,0 +1,4 @@
+ActionBar {
+    color: blue;
+    background-color: yellow;
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/issues/issue-2661-second.ts b/apps/app/ui-tests-app/issues/issue-2661-second.ts
new file mode 100644
index 000000000..3df48cfc7
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-2661-second.ts
@@ -0,0 +1,5 @@
+import { topmost } from "ui/frame";
+
+export function onTap() {
+    topmost().goBack();
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/issues/issue-2661-second.xml b/apps/app/ui-tests-app/issues/issue-2661-second.xml
new file mode 100644
index 000000000..a69d56c01
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-2661-second.xml
@@ -0,0 +1,8 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd">
+  <Page.actionBar>
+      <ActionBar title="blue yellow"/>
+  </Page.actionBar>
+  <StackLayout>
+    <Button text="Back" tap="onTap" />
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/issues/issue-2661.css b/apps/app/ui-tests-app/issues/issue-2661.css
new file mode 100644
index 000000000..bd63f3146
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-2661.css
@@ -0,0 +1,4 @@
+ActionBar {
+    color: red;
+    background-color: green;
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/issues/issue-2661.ts b/apps/app/ui-tests-app/issues/issue-2661.ts
new file mode 100644
index 000000000..c5515ae0d
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-2661.ts
@@ -0,0 +1,5 @@
+import { topmost } from "ui/frame";
+
+export function onTap() {
+    topmost().navigate("ui-tests-app/issues/issue-2661-second");
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/issues/issue-2661.xml b/apps/app/ui-tests-app/issues/issue-2661.xml
new file mode 100644
index 000000000..60b4069b6
--- /dev/null
+++ b/apps/app/ui-tests-app/issues/issue-2661.xml
@@ -0,0 +1,8 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd">
+  <Page.actionBar>
+      <ActionBar title="red green"/>
+  </Page.actionBar>
+  <StackLayout>
+    <Button text="Forward" tap="onTap" />
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/issues/main-page.ts b/apps/app/ui-tests-app/issues/main-page.ts
index 5ee13726a..2a388c360 100644
--- a/apps/app/ui-tests-app/issues/main-page.ts
+++ b/apps/app/ui-tests-app/issues/main-page.ts
@@ -15,6 +15,7 @@ export function pageLoaded(args: EventData) {
     examples.set("2674", "issues/issue-2674");
     examples.set("2942", "issues/issue-2942");
     examples.set("3007", "issues/issue-3007");
+    examples.set("2661", "issues/issue-2661");
 
     let viewModel = new SubMainPageViewModel(wrapLayout, examples);
     page.bindingContext = viewModel;