From 202a7112fca683e9065c99814269228161bea6e3 Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Wed, 13 Jan 2016 15:14:29 +0200
Subject: [PATCH] Update ui-tests-app

---
 CrossPlatformModules.csproj                   |  4 +
 .../decoration-transform-formattedtext.xml    | 38 ++++++++--
 apps/ui-tests-app/css/text-decoration.ts      | 33 ++++++--
 apps/ui-tests-app/css/text-decoration.xml     | 55 +++++++-------
 apps/ui-tests-app/css/text-transform.ts       | 45 +++++++++--
 apps/ui-tests-app/css/text-transform.xml      | 75 +++++++------------
 apps/ui-tests-app/css/white-space.ts          | 16 +++-
 apps/ui-tests-app/css/white-space.xml         |  9 ++-
 apps/ui-tests-app/mainPage.ts                 | 18 ++---
 9 files changed, 190 insertions(+), 103 deletions(-)

diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index a06447a17..9dd48b89d 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -205,6 +205,9 @@
     <Content Include="apps\ui-tests-app\action-bar\system-icons.xml">
       <SubType>Designer</SubType>
     </Content>
+    <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" />
     <Content Include="apps\ui-tests-app\css\white-space.xml">
       <SubType>Designer</SubType>
     </Content>
@@ -276,6 +279,7 @@
       <DependentUpon>color.xml</DependentUpon>
     </TypeScriptCompile>
     <TypeScriptCompile Include="apps\ui-tests-app\css\text-decoration.ts" />
+    <TypeScriptCompile Include="apps\ui-tests-app\css\text-transform.ts" />
     <TypeScriptCompile Include="apps\ui-tests-app\css\white-space.ts" />
     <TypeScriptCompile Include="apps\ui-tests-app\html-view\html-view.ts">
       <DependentUpon>html-view.xml</DependentUpon>
diff --git a/apps/ui-tests-app/css/decoration-transform-formattedtext.xml b/apps/ui-tests-app/css/decoration-transform-formattedtext.xml
index 4be69385d..d8eb2c6bf 100644
--- a/apps/ui-tests-app/css/decoration-transform-formattedtext.xml
+++ b/apps/ui-tests-app/css/decoration-transform-formattedtext.xml
@@ -1,27 +1,53 @@
 <Page>
     <StackLayout>
-      <Label text="textText" style="text-transform: uppercase; text-decoration: underline line-through;" />
+    
+      <Label text="labelLabel" style="text-transform: uppercase; text-decoration: underline line-through;" />
       <Label style="text-transform: uppercase; text-decoration: underline line-through;">
         <Label.formattedText>
           <FormattedString>
             <FormattedString.spans>
-              <Span text="text" fontAttributes="Bold" foregroundColor="#ff0000" />
-              <Span text="Text" fontAttributes="Italic" foregroundColor="#00ff00" />
+              <Span text="label" fontAttributes="Bold" foregroundColor="#0000ff" />
+              <Span text="Label" fontAttributes="Italic" foregroundColor="#00ff00" />
             </FormattedString.spans>
           </FormattedString>
         </Label.formattedText>
       </Label>
 
-      <Button text="textText" style="text-transform: uppercase; text-decoration: underline line-through;" />
+      <Button text="buttonButton" style="text-transform: uppercase; text-decoration: underline line-through;" />
       <Button style="text-transform: uppercase; text-decoration: underline line-through;">
         <Button.formattedText>
           <FormattedString>
             <FormattedString.spans>
-              <Span text="text" fontAttributes="Bold" foregroundColor="#ff0000" />
-              <Span text="Text" fontAttributes="Italic" foregroundColor="#00ff00" />
+              <Span text="button" fontAttributes="Bold" foregroundColor="#0000ff" />
+              <Span text="Button" fontAttributes="Italic" foregroundColor="#00ff00" />
             </FormattedString.spans>
           </FormattedString>
         </Button.formattedText>
       </Button>
+
+      <TextField text="textField" style="text-transform: uppercase; text-decoration: underline line-through;" />
+      <TextField style="text-transform: uppercase; text-decoration: underline line-through;">
+        <TextField.formattedText>
+          <FormattedString>
+            <FormattedString.spans>
+              <Span text="text" fontAttributes="Bold" foregroundColor="#0000ff" />
+              <Span text="Field" fontAttributes="Italic" foregroundColor="#00ff00" />
+            </FormattedString.spans>
+          </FormattedString>
+        </TextField.formattedText>
+      </TextField>
+
+      <TextView text="textView" style="text-transform: uppercase; text-decoration: underline line-through;" />
+      <TextView style="text-transform: uppercase; text-decoration: underline line-through;">
+        <TextView.formattedText>
+          <FormattedString>
+            <FormattedString.spans>
+              <Span text="text" fontAttributes="Bold" foregroundColor="#0000ff" />
+              <Span text="View" fontAttributes="Italic" foregroundColor="#00ff00" />
+            </FormattedString.spans>
+          </FormattedString>
+        </TextView.formattedText>
+      </TextView>
+
     </StackLayout>
 </Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/css/text-decoration.ts b/apps/ui-tests-app/css/text-decoration.ts
index 1697df70c..737f4c465 100644
--- a/apps/ui-tests-app/css/text-decoration.ts
+++ b/apps/ui-tests-app/css/text-decoration.ts
@@ -1,18 +1,41 @@
 import view = require("ui/core/view");
 import observable = require("data/observable");
 import label = require("ui/label");
+import button = require("ui/button");
+import textField = require("ui/text-field");
+import textView = require("ui/text-view");
 
 export function butonTap(args) {
-    var btn = <view.View>args.object;
-    var lbl = <label.Label>btn.parent.getViewById("Label1");
+    var btnChange = <view.View>args.object;
+    var lbl = <label.Label>btnChange.parent.getViewById("Label");
+    var btn = <button.Button>btnChange.parent.getViewById("Button");
+    var textField = <textField.TextField>btnChange.parent.getViewById("TextField");
+    var textView = <textView.TextView>btnChange.parent.getViewById("TextView");
 
-    if (lbl.style.textDecoration === "underline") {
+    if (lbl.style.textDecoration === "none") {
+        lbl.style.textDecoration = "underline";
+        btn.style.textDecoration = "underline";
+        textField.style.textDecoration = "underline";
+        textView.style.textDecoration = "underline";
+    } else if (lbl.style.textDecoration === "underline") {
         lbl.style.textDecoration = "line-through";
+        btn.style.textDecoration = "line-through";
+        textField.style.textDecoration = "line-through";
+        textView.style.textDecoration = "line-through";
     } else if (lbl.style.textDecoration === "line-through") {
         lbl.style.textDecoration = "line-through underline";
+        btn.style.textDecoration = "line-through underline";
+        textField.style.textDecoration = "line-through underline";
+        textView.style.textDecoration = "line-through underline";
     } else if (lbl.style.textDecoration === "line-through underline") {
+        lbl.style.textDecoration = "line-through underline none";
+        btn.style.textDecoration = "line-through underline none";
+        textField.style.textDecoration = "line-through underline none";
+        textView.style.textDecoration = "line-through underline none";
+    } else if (lbl.style.textDecoration === "line-through underline none") {
         lbl.style.textDecoration = "none";
-    } else if (lbl.style.textDecoration === "none") {
-        lbl.style.textDecoration = "underline";
+        btn.style.textDecoration = "none";
+        textField.style.textDecoration = "none";
+        textView.style.textDecoration = "none";
     }
 }
\ No newline at end of file
diff --git a/apps/ui-tests-app/css/text-decoration.xml b/apps/ui-tests-app/css/text-decoration.xml
index 4e71c619b..f4b50cc9e 100644
--- a/apps/ui-tests-app/css/text-decoration.xml
+++ b/apps/ui-tests-app/css/text-decoration.xml
@@ -1,32 +1,35 @@
 <Page >
-  <ScrollView>
-    <StackLayout>
-      <Button text="Change" tap="butonTap" />
-      <Label id="Label1" text="Text" style.textDecoration="underline" />
+  <StackLayout>
+    <Button id="Change" text="Change" tap="butonTap" />
+    <Label id="Label" text="Label" style.textDecoration="none" />
+    <Button id="Button" text="Button" style.textDecoration="none" />
+    <TextField id="TextField" text="TextField" style.textDecoration="none" />
+    <TextView id="TextView" text="TextView" style.textDecoration="none" />
 
-      <Label text="Label" style="text-decoration:none" />
-      <Label text="Label" style="text-decoration:underline" />
-      <Label text="Label" style="text-decoration:line-through" />
-      <Label text="Label" style="text-decoration:line-through underline" />
-      <Label text="Label" style="text-decoration:line-through underline none" />
+    <!--
+    <Label text="Label" style="text-decoration:none" />
+    <Label text="Label" style="text-decoration:underline" />
+    <Label text="Label" style="text-decoration:line-through" />
+    <Label text="Label" style="text-decoration:line-through underline" />
+    <Label text="Label" style="text-decoration:line-through underline none" />
 
-      <TextField text="TextField" style="text-decoration:none" />
-      <TextField text="TextField" style="text-decoration:underline" />
-      <TextField text="TextField" style="text-decoration:line-through" />
-      <TextField text="TextField" style="text-decoration:underline line-through" />
-      <TextField text="TextField" style="text-decoration:underline line-through none" />
+    <TextField text="TextField" style="text-decoration:none" />
+    <TextField text="TextField" style="text-decoration:underline" />
+    <TextField text="TextField" style="text-decoration:line-through" />
+    <TextField text="TextField" style="text-decoration:underline line-through" />
+    <TextField text="TextField" style="text-decoration:underline line-through none" />
 
-      <TextView text="TextView" style="text-decoration:none" />
-      <TextView text="TextView" style="text-decoration:underline" />
-      <TextView text="TextView" style="text-decoration:line-through" />
-      <TextView text="TextView" style="text-decoration:line-through underline" />
-      <TextView text="TextView" style="text-decoration:line-through underline none" />
+    <TextView text="TextView" style="text-decoration:none" />
+    <TextView text="TextView" style="text-decoration:underline" />
+    <TextView text="TextView" style="text-decoration:line-through" />
+    <TextView text="TextView" style="text-decoration:line-through underline" />
+    <TextView text="TextView" style="text-decoration:line-through underline none" />
 
-      <Button text="Button" style="text-decoration:none" />
-      <Button text="Button" style="text-decoration:underline" />
-      <Button text="Button" style="text-decoration:line-through" />
-      <Button text="Button" style="text-decoration:underline line-through" />
-      <Button text="Button" style="text-decoration:underline line-through none" />
-    </StackLayout>
-  </ScrollView>
+    <Button text="Button" style="text-decoration:none" />
+    <Button text="Button" style="text-decoration:underline" />
+    <Button text="Button" style="text-decoration:line-through" />
+    <Button text="Button" style="text-decoration:underline line-through" />
+    <Button text="Button" style="text-decoration:underline line-through none" />
+    -->
+  </StackLayout>
 </Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/css/text-transform.ts b/apps/ui-tests-app/css/text-transform.ts
index b11603348..ab88263d9 100644
--- a/apps/ui-tests-app/css/text-transform.ts
+++ b/apps/ui-tests-app/css/text-transform.ts
@@ -1,18 +1,51 @@
 import view = require("ui/core/view");
 import observable = require("data/observable");
 import label = require("ui/label");
+import button = require("ui/button");
+import textField = require("ui/text-field");
+import textView = require("ui/text-view");
 
 export function butonTap(args) {
-    var btn = <view.View>args.object;
-    var lbl = <label.Label>btn.parent.getViewById("Label1");
+    var btnChange = <view.View>args.object;
+    var lbl = <label.Label>btnChange.parent.getViewById("Label");
+    var btn = <button.Button>btnChange.parent.getViewById("Button");
+    var textField = <textField.TextField>btnChange.parent.getViewById("TextField");
+    var textView = <textView.TextView>btnChange.parent.getViewById("TextView");
 
     if (lbl.style.textTransform === "none") {
-        lbl.style.textTransform = "uppercase";
-    } else if (lbl.style.textTransform === "uppercase") {
-        lbl.style.textTransform = "lowercase";
-    } else if (lbl.style.textTransform === "lowercase") {
         lbl.style.textTransform = "capitalize";
+        btn.style.textTransform = "capitalize";
+        textField.style.textTransform = "capitalize";
+        textView.style.textTransform = "capitalize";
     } else if (lbl.style.textTransform === "capitalize") {
+        lbl.style.textTransform = "uppercase";
+        btn.style.textTransform = "uppercase";
+        textField.style.textTransform = "uppercase";
+        textView.style.textTransform = "uppercase";
+    } else if (lbl.style.textTransform === "uppercase" && lbl.style.textDecoration !== "line-through underline") {
+        lbl.style.textTransform = "lowercase";
+        btn.style.textTransform = "lowercase";
+        textField.style.textTransform = "lowercase";
+        textView.style.textTransform = "lowercase";
+    } else if (lbl.style.textTransform === "lowercase") {
+    //    lbl.style.textTransform = "uppercase";
+    //    btn.style.textTransform = "uppercase";
+    //    textField.style.textTransform = "uppercase";
+    //    textView.style.textTransform = "uppercase";
+
+    //    lbl.style.textDecoration = "line-through underline";
+    //    btn.style.textDecoration = "line-through underline";
+    //    textField.style.textDecoration = "line-through underline";
+    //    textView.style.textDecoration = "line-through underline";
+    //} else if (lbl.style.textTransform === "uppercase" && lbl.style.textDecoration === "line-through underline") {
         lbl.style.textTransform = "none";
+        btn.style.textTransform = "none";
+        textField.style.textTransform = "none";
+        textView.style.textTransform = "none";
+
+        lbl.style.textDecoration = "none";
+        btn.style.textDecoration = "none";
+        textField.style.textDecoration = "none";
+        textView.style.textDecoration = "none";
     }
 }
\ No newline at end of file
diff --git a/apps/ui-tests-app/css/text-transform.xml b/apps/ui-tests-app/css/text-transform.xml
index 107cbea09..6b5a14d99 100644
--- a/apps/ui-tests-app/css/text-transform.xml
+++ b/apps/ui-tests-app/css/text-transform.xml
@@ -1,54 +1,35 @@
 <Page >
-  <ScrollView>
-    <StackLayout>
-      <Button text="Change" tap="butonTap" />
-      <Label id="Label1" text="text Text" style="text-transform:none" />
-      
-      <Label text="label label" style="text-transform:none" />
-      <Label text="label label" style="text-transform:capitalize" />
-      <Label text="label label" style="text-transform:uppercase" />
-      <Label text="label label" style="text-transform:lowercase" />
+  <StackLayout>
+    <Button id="Change" text="Change" tap="butonTap" />
+    <Label id="Label" text="label Label" style.textTransform="none" />
+    <Button id="Button" text="button Button" style.textTransform="none" />
+    <TextField id="TextField" text="textField textField" style.textTransform="none" />
+    <TextView id="TextView" text="textView textView" style.textTransform="none" />
 
-      <TextField text="textField textField" style="text-transform:none" />
-      <TextField text="textField textField" style="text-transform:capitalize" />
-      <TextField text="textField textField" style="text-transform:uppercase;" />
-      <TextField text="textField textField" style="text-transform:lowercase" />
-      <TextField text="textField textField" style="text-transform:uppercase; text-decoration:underline;" />
+    <!--
+    <Label text="label label" style="text-transform:none" />
+    <Label text="label label" style="text-transform:capitalize" />
+    <Label text="label label" style="text-transform:uppercase" />
+    <Label text="label label" style="text-transform:lowercase" />
 
-      <TextView text="textView textView" style="text-transform:none" />
-      <TextView text="textView textView" style="text-transform:capitalize" />
-      <TextView text="textView textView" style="text-transform:uppercase" />
-      <TextView text="textView textView" style="text-transform:lowercase" />
-      <TextView text="textView textView" style="text-transform:uppercase; text-decoration:underline;" />
+    <TextField text="textField textField" style="text-transform:none" />
+    <TextField text="textField textField" style="text-transform:capitalize" />
+    <TextField text="textField textField" style="text-transform:uppercase;" />
+    <TextField text="textField textField" style="text-transform:lowercase" />
+    <TextField text="textField textField" style="text-transform:uppercase; text-decoration:underline;" />
 
-      <Button text="button Button" style="text-transform:none" />
-      <Button text="button Button" style="text-transform:capitalize" />
-      <Button text="button Button" style="text-transform:uppercase" />
-      <Button text="button Button" style="text-transform:lowercase" />
-      <Button text="button Button" style="text-transform:uppercase; text-decoration:underline;" />
+    <TextView text="textView textView" style="text-transform:none" />
+    <TextView text="textView textView" style="text-transform:capitalize" />
+    <TextView text="textView textView" style="text-transform:uppercase" />
+    <TextView text="textView textView" style="text-transform:lowercase" />
+    <TextView text="textView textView" style="text-transform:uppercase; text-decoration:underline;" />
 
-      <Label style="text-transform: uppercase; text-decoration: underline line-through;">
-        <Label.formattedText>
-          <FormattedString>
-            <FormattedString.spans>
-              <Span text="text" fontAttributes="Bold" foregroundColor="#ff0000" />
-              <Span text="Text" fontAttributes="Italic" foregroundColor="#00ff00" />
-            </FormattedString.spans>
-          </FormattedString>
-        </Label.formattedText>
-      </Label>
+    <Button text="button Button" style="text-transform:none" />
+    <Button text="button Button" style="text-transform:capitalize" />
+    <Button text="button Button" style="text-transform:uppercase" />
+    <Button text="button Button" style="text-transform:lowercase" />
+    <Button text="button Button" style="text-transform:uppercase; text-decoration:underline;" />
+    -->
 
-      <Button style="text-transform: uppercase; text-decoration: underline line-through;">
-        <Button.formattedText>
-          <FormattedString>
-            <FormattedString.spans>
-              <Span text="text" fontAttributes="Bold" foregroundColor="#ff0000" />
-              <Span text="Text" fontAttributes="Italic" foregroundColor="#00ff00" />
-            </FormattedString.spans>
-          </FormattedString>
-        </Button.formattedText>
-      </Button>
-      
-    </StackLayout>
-  </ScrollView>
+  </StackLayout>
 </Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/css/white-space.ts b/apps/ui-tests-app/css/white-space.ts
index d1f3a85c1..56b230dde 100644
--- a/apps/ui-tests-app/css/white-space.ts
+++ b/apps/ui-tests-app/css/white-space.ts
@@ -1,14 +1,26 @@
 import view = require("ui/core/view");
 import observable = require("data/observable");
 import label = require("ui/label");
+import button = require("ui/button");
+import textField = require("ui/text-field");
+import textView = require("ui/text-view");
 
 export function butonTap(args: observable.EventData) {
-    var btn = <view.View>args.object;
-    var lbl = <label.Label>btn.parent.getViewById("Label1");
+    var btnChange = <view.View>args.object;
+    var lbl = <label.Label>btnChange.parent.getViewById("Label");
+    var btn = <button.Button>btnChange.parent.getViewById("Button");
+    var textField = <textField.TextField>btnChange.parent.getViewById("TextField");
+    var textView = <textView.TextView>btnChange.parent.getViewById("TextView");
 
     if (lbl.style.whiteSpace === "normal") {
         lbl.style.whiteSpace = "nowrap";
+        btn.style.whiteSpace = "nowrap";
+        textField.style.whiteSpace = "nowrap";
+        textView.style.whiteSpace = "nowrap";
     } else if (lbl.style.whiteSpace === "nowrap") {
         lbl.style.whiteSpace = "normal";
+        btn.style.whiteSpace = "normal";
+        textField.style.whiteSpace = "normal";
+        textView.style.whiteSpace = "normal";
     }
 }
\ No newline at end of file
diff --git a/apps/ui-tests-app/css/white-space.xml b/apps/ui-tests-app/css/white-space.xml
index 869c5a988..89ffb21a1 100644
--- a/apps/ui-tests-app/css/white-space.xml
+++ b/apps/ui-tests-app/css/white-space.xml
@@ -1,9 +1,13 @@
 <Page >
   <ScrollView>
     <StackLayout width="50">
-      <Button text="Change" tap="butonTap" />
-      <Label id="Label1" text="Text Text" style.whiteSpace="normal" />
+      <Button id="Change" text="Change" tap="butonTap" />
+      <Label id="Label" text="label Label" style.whiteSpace="normal" />
+      <Button id="Button" text="button Button" style.whiteSpace="normal" />
+      <TextField id="TextField" text="textField textField" style.whiteSpace="normal" />
+      <TextView id="TextView" text="textView textView" style.whiteSpace="normal" />
 
+      <!--
       <Label text="Label Normal" style="white-space:normal" />
       <Label text="Label Nowrap" style="white-space:nowrap" />
 
@@ -15,6 +19,7 @@
 
       <Button text="Button Normal" style="white-space:normal" />
       <Button text="Button Nowrap" style="white-space:nowrap" />
+      -->
     </StackLayout>
   </ScrollView>
 </Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index 5cf913413..bb92b0205 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -35,11 +35,6 @@ export function selectExample() {
 examples.set("basics", "bindings/basics");
 examples.set("xmlbasics", "bindings/xmlbasics");
 
-examples.set("fontbtn", "font/button");
-examples.set("fontlbl", "font/label");
-examples.set("fontfield", "font/text-field");
-examples.set("fontview", "font/text-view");
-
 examples.set("console", "pages/console");
 examples.set("gestures", "pages/gestures");
 examples.set("handlers", "pages/handlers");
@@ -52,10 +47,6 @@ examples.set("switch", "pages/switchandprogress"); // TODO: Update this test pag
 
 examples.set("textfield", "text-field/text-field");
 
-examples.set("decoration", "css/text-decoration");
-examples.set("whitespace", "css/white-space");
-examples.set("transform", "css/text-transform");
-
 // ---
 
 examples.set("actColor", "action-bar/color");
@@ -66,9 +57,18 @@ examples.set("actIcons", "action-bar/system-icons");
 examples.set("background", "css/background");
 examples.set("radius", "css/radius");
 examples.set("styles", "css/styles");
+examples.set("formatted", "css/decoration-transform-formattedtext");
+examples.set("decoration", "css/text-decoration");
+examples.set("transform", "css/text-transform");
+examples.set("whitespace", "css/white-space");
 
 examples.set("dialogs", "dialogs/dialogs");
 
+examples.set("fontbtn", "font/button");
+examples.set("fontlbl", "font/label");
+examples.set("fontfield", "font/text-field");
+examples.set("fontview", "font/text-view");
+
 examples.set("htmlview", "html-view/html-view");
 
 examples.set("absolute", "layouts/absolute");