From 4440569522734efd95f53f80d11460990f847a6c Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Fri, 3 Feb 2017 17:02:25 +0200
Subject: [PATCH] UI test: Transparent Action Bar example

---
 apps/app/ui-tests-app/action-bar/main-page.ts           | 1 +
 apps/app/ui-tests-app/action-bar/transparent-bg-css.css | 7 +++++++
 apps/app/ui-tests-app/action-bar/transparent-bg-css.ts  | 5 +++++
 apps/app/ui-tests-app/action-bar/transparent-bg-css.xml | 6 ++++++
 4 files changed, 19 insertions(+)
 create mode 100644 apps/app/ui-tests-app/action-bar/transparent-bg-css.css
 create mode 100644 apps/app/ui-tests-app/action-bar/transparent-bg-css.ts
 create mode 100644 apps/app/ui-tests-app/action-bar/transparent-bg-css.xml

diff --git a/apps/app/ui-tests-app/action-bar/main-page.ts b/apps/app/ui-tests-app/action-bar/main-page.ts
index 2339c60a8..b084317db 100644
--- a/apps/app/ui-tests-app/action-bar/main-page.ts
+++ b/apps/app/ui-tests-app/action-bar/main-page.ts
@@ -17,6 +17,7 @@ export function pageLoaded(args: EventData) {
     examples.set("actView", "action-bar/action-view");
     examples.set("actionItemPosition", "action-bar/action-item-position");
     examples.set("actBGCss", "action-bar/background-css");
+    examples.set("actTransparentBgCss", "action-bar/transparent-bg-css");
 
     let viewModel = new SubMainPageViewModel(wrapLayout, examples);
     page.bindingContext = viewModel;
diff --git a/apps/app/ui-tests-app/action-bar/transparent-bg-css.css b/apps/app/ui-tests-app/action-bar/transparent-bg-css.css
new file mode 100644
index 000000000..3ddb96542
--- /dev/null
+++ b/apps/app/ui-tests-app/action-bar/transparent-bg-css.css
@@ -0,0 +1,7 @@
+.action {
+  background-color: transparent;
+}
+
+Page {
+  background-color: green;
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/action-bar/transparent-bg-css.ts b/apps/app/ui-tests-app/action-bar/transparent-bg-css.ts
new file mode 100644
index 000000000..84b0c257d
--- /dev/null
+++ b/apps/app/ui-tests-app/action-bar/transparent-bg-css.ts
@@ -0,0 +1,5 @@
+import frame = require("ui/frame");
+
+export function navigate(args) {
+    frame.topmost().navigate("ui-tests-app/action-bar/clean");
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/action-bar/transparent-bg-css.xml b/apps/app/ui-tests-app/action-bar/transparent-bg-css.xml
new file mode 100644
index 000000000..e63a25f55
--- /dev/null
+++ b/apps/app/ui-tests-app/action-bar/transparent-bg-css.xml
@@ -0,0 +1,6 @@
+<Page>
+  <ActionBar title="This is transparent" class="action" />
+  <StackLayout>
+    <Button text="go to cleared page" tap="navigate"/>
+  </StackLayout>
+</Page>
\ No newline at end of file