From 8ff9d736f4e783a9ab18c2e77aec40acfb65ab0d Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Tue, 9 Feb 2016 11:09:47 +0200
Subject: [PATCH] Add transitions test pages to ui-tests-app

---
 CrossPlatformModules.csproj             |  6 ++++++
 apps/ui-tests-app/mainPage.ts           |  4 ++++
 apps/ui-tests-app/transitions/page0.ts  | 15 ++++++++++++++
 apps/ui-tests-app/transitions/page0.xml | 26 +++++++++++++++++++++++++
 apps/ui-tests-app/transitions/page1.ts  | 15 ++++++++++++++
 apps/ui-tests-app/transitions/page1.xml | 26 +++++++++++++++++++++++++
 tsconfig.json                           |  3 +++
 7 files changed, 95 insertions(+)
 create mode 100644 apps/ui-tests-app/transitions/page0.ts
 create mode 100644 apps/ui-tests-app/transitions/page0.xml
 create mode 100644 apps/ui-tests-app/transitions/page1.ts
 create mode 100644 apps/ui-tests-app/transitions/page1.xml

diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index b853675d0..32b55721c 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -225,6 +225,7 @@
     <Content Include="apps\ui-tests-app\action-bar\system-icons.xml">
       <SubType>Designer</SubType>
     </Content>
+    <Content Include="apps\ui-tests-app\animations\background.xml" />
     <Content Include="apps\ui-tests-app\css\decoration-transform-formattedtext.xml" />
     <Content Include="apps\ui-tests-app\css\text-decoration.xml" />
     <Content Include="apps\ui-tests-app\css\text-transform.xml" />
@@ -253,6 +254,7 @@
     <Content Include="apps\ui-tests-app\layouts-percent\wrap.xml">
       <SubType>Designer</SubType>
     </Content>
+    <TypeScriptCompile Include="apps\ui-tests-app\animations\background.ts" />
     <TypeScriptCompile Include="apps\ui-tests-app\pages\touch-event.ts" />
     <Content Include="apps\ui-tests-app\pages\touch-event.xml">
       <SubType>Designer</SubType>
@@ -344,6 +346,8 @@
     <TypeScriptCompile Include="apps\ui-tests-app\segmented-bar\clean.ts">
       <DependentUpon>clean.xml</DependentUpon>
     </TypeScriptCompile>
+    <TypeScriptCompile Include="apps\ui-tests-app\transitions\page1.ts" />
+    <TypeScriptCompile Include="apps\ui-tests-app\transitions\page0.ts" />
     <TypeScriptCompile Include="color\known-colors.d.ts" />
     <TypeScriptCompile Include="es6.d.ts" />
     <TypeScriptCompile Include="ui\animation\animation.d.ts" />
@@ -1209,6 +1213,8 @@
     <Content Include="apps\ui-tests-app\font\text-view.xml" />
     <Content Include="apps\ui-tests-app\font\label.xml" />
     <Content Include="apps\ui-tests-app\font\button.xml" />
+    <Content Include="apps\ui-tests-app\transitions\page1.xml" />
+    <Content Include="apps\ui-tests-app\transitions\page0.xml" />
     <Content Include="apps\ui-tests-app\web-view\test.css" />
     <Content Include="apps\ui-tests-app\web-view\test.html" />
     <Content Include="apps\ui-tests-app\web-view\web-view-test.xml" />
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index 9057f03ae..f51cb64fc 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -84,6 +84,10 @@ examples.set("nordic", "nordic/nordic");
 examples.set("gestures", "pages/gestures");
 examples.set("touch", "pages/touch-event");
 examples.set("handlers", "pages/handlers");
+
+examples.set("animeBG", "animations/background");
+examples.set("transitions", "transitions/page0");
+
 //examples.set("listview_binding", "pages/listview_binding");
 examples.set("console", "pages/console");
 examples.set("i61", "pages/i61");
diff --git a/apps/ui-tests-app/transitions/page0.ts b/apps/ui-tests-app/transitions/page0.ts
new file mode 100644
index 000000000..2bc6c86fc
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page0.ts
@@ -0,0 +1,15 @@
+import frame = require("ui/frame");
+import pages = require("ui/page");
+
+export function onTap(args) {
+    var navigationEntry = {
+        moduleName: "transitions/page1",
+        animated: true,
+        navigationTransition: {
+            transition: args.object.tag,
+            duration: 380,
+            curve: "easeIn"
+        }
+    };
+    frame.topmost().navigate(navigationEntry);
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/transitions/page0.xml b/apps/ui-tests-app/transitions/page0.xml
new file mode 100644
index 000000000..d841c348e
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page0.xml
@@ -0,0 +1,26 @@
+<Page loaded="pageLoaded" backgroundColor="LightGreen" >
+  <ScrollView>
+    <StackLayout style.textAlignment="center">
+
+      <Label text="iOS" automationText="iOS" />
+      <Button text="curl" tap="onTap" tag="curl" automationText="curl" />
+      <Button text="curlUp" tap="onTap" tag="curlUp" automationText="curlUp" />
+      <Button text="curlDown" tap="onTap" tag="curlDown" automationText="curlDown" />
+
+      <Label text="Android" automationText="Android" />
+      <Button text="explode" tap="onTap" tag="explode" automationText="explode" />
+
+      <Label text="Cross" automationText="Cross" />
+      <Button text="fade" tap="onTap" tag="fade" automationText="fade" />
+      <Button text="flip" tap="onTap" tag="flip" automationText="flip"/>
+      <Button text="flipRight" tap="onTap" tag="flipRight" automationText="flipRight" />
+      <Button text="flipLeft" tap="onTap" tag="flipLeft" automationText="flipLeft"/>
+
+      <Button text="slide" tap="onTap" tag="slide" automationText="slide" />
+      <Button text="slideLeft" tap="onTap" tag="slideLeft" automationText="slideLeft" />
+      <Button text="slideRight" tap="onTap" tag="slideRight" automationText="slideRight" />
+      <Button text="slideTop" tap="onTap" tag="slideTop" automationText="slideTop"/>
+      <Button text="slideBottom" tap="onTap" tag="slideBottom" automationText="slideBottom"/>
+    </StackLayout>
+  </ScrollView>
+</Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/transitions/page1.ts b/apps/ui-tests-app/transitions/page1.ts
new file mode 100644
index 000000000..6baa78086
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page1.ts
@@ -0,0 +1,15 @@
+import frame = require("ui/frame");
+import pages = require("ui/page");
+
+export function onTap(args) {
+    var navigationEntry = {
+        moduleName: "transitions/page0",
+        animated: true,
+        navigationTransition: {
+            transition: args.object.tag,
+            duration: 380,
+            curve: "easeIn"
+        }
+    };
+    frame.topmost().navigate(navigationEntry);
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/transitions/page1.xml b/apps/ui-tests-app/transitions/page1.xml
new file mode 100644
index 000000000..c91e794dc
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page1.xml
@@ -0,0 +1,26 @@
+<Page loaded="pageLoaded" backgroundColor="LightBlue" >
+  <ScrollView>
+    <StackLayout style.textAlignment="center">
+
+      <Label text="iOS" automationText="iOS" />
+      <Button text="curl" tap="onTap" tag="curl" automationText="curl" />
+      <Button text="curlUp" tap="onTap" tag="curlUp" automationText="curlUp" />
+      <Button text="curlDown" tap="onTap" tag="curlDown" automationText="curlDown" />
+
+      <Label text="Android" automationText="Android" />
+      <Button text="explode" tap="onTap" tag="explode" automationText="explode" />
+
+      <Label text="Cross" automationText="Cross" />
+      <Button text="fade" tap="onTap" tag="fade" automationText="fade" />
+      <Button text="flip" tap="onTap" tag="flip" automationText="flip"/>
+      <Button text="flipRight" tap="onTap" tag="flipRight" automationText="flipRight" />
+      <Button text="flipLeft" tap="onTap" tag="flipLeft" automationText="flipLeft"/>
+
+      <Button text="slide" tap="onTap" tag="slide" automationText="slide" />
+      <Button text="slideLeft" tap="onTap" tag="slideLeft" automationText="slideLeft" />
+      <Button text="slideRight" tap="onTap" tag="slideRight" automationText="slideRight" />
+      <Button text="slideTop" tap="onTap" tag="slideTop" automationText="slideTop"/>
+      <Button text="slideBottom" tap="onTap" tag="slideBottom" automationText="slideBottom"/>
+    </StackLayout>
+  </ScrollView>
+</Page>
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 482b8cbb0..325a0c1e2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -344,6 +344,7 @@
         "apps/ui-tests-app/action-bar/clean.ts",
         "apps/ui-tests-app/action-bar/color.ts",
         "apps/ui-tests-app/action-bar/system-icons.ts",
+        "apps/ui-tests-app/animations/background.ts",
         "apps/ui-tests-app/app.ts",
         "apps/ui-tests-app/bindings/basics.ts",
         "apps/ui-tests-app/bindings/xmlbasics.ts",
@@ -385,6 +386,8 @@
         "apps/ui-tests-app/segmented-bar/all.ts",
         "apps/ui-tests-app/segmented-bar/clean.ts",
         "apps/ui-tests-app/text-field/text-field.ts",
+        "apps/ui-tests-app/transitions/page0.ts",
+        "apps/ui-tests-app/transitions/page1.ts",
         "apps/ui-tests-app/web-view/web-view.ts",
         "apps/web-view-demo/app.ts",
         "apps/web-view-demo/main-page.ts",