From 2bdb5622df33cb796d10e0e3cde820180c3c9f7c Mon Sep 17 00:00:00 2001
From: vchimev <Vasil.Chimev@telerik.com>
Date: Tue, 14 Mar 2017 17:28:48 +0200
Subject: [PATCH] Add test page Pixels perfect and device independent pixels

---
 apps/app/ui-tests-app/css/main-page.ts |  1 +
 apps/app/ui-tests-app/css/pixels.xml   | 60 ++++++++++++++++++++++++++
 2 files changed, 61 insertions(+)
 create mode 100644 apps/app/ui-tests-app/css/pixels.xml

diff --git a/apps/app/ui-tests-app/css/main-page.ts b/apps/app/ui-tests-app/css/main-page.ts
index 153ed71b4..9f7d83598 100644
--- a/apps/app/ui-tests-app/css/main-page.ts
+++ b/apps/app/ui-tests-app/css/main-page.ts
@@ -24,6 +24,7 @@ export function pageLoaded(args: EventData) {
     examples.set("clipPath", "css/clip-path");
     examples.set("clipPathInset", "css/clip-path-inset");
     examples.set("padding", "css/padding");
+    examples.set("pixels", "css/pixels");
     examples.set("label-background-image", "css/label-background-image");
     examples.set("transform-decoration-color", "css/transform-decoration-color");
     examples.set("layout-border", "css/layout-border");
diff --git a/apps/app/ui-tests-app/css/pixels.xml b/apps/app/ui-tests-app/css/pixels.xml
new file mode 100644
index 000000000..7d5e2da3e
--- /dev/null
+++ b/apps/app/ui-tests-app/css/pixels.xml
@@ -0,0 +1,60 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" android:actionBarHidden="true" backgroundColor="orange">
+   <StackLayout margin="2px">
+
+    <Label text="pixels" />
+    <StackLayout borderWidth="1px" borderColor="black" horizontalAlignment="left" verticalAlignment="top" orientation="horizontal" padding="1px">
+      <Label     text="Label"      borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
+      <Button    text="Button"     borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
+      <TextView  text="Text View"  borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
+      <TextField text="Text Field" borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
+      <Image src="~/ui-tests-app/image-view/gravatar.png" borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
+    </StackLayout>
+
+     <StackLayout borderWidth="2px" borderColor="green" orientation="horizontal" padding="2px">
+      <Label     text="Label"      borderWidth="5px" borderRadius="45px" borderColor="black" padding="5px" margin="5px" />
+      <Button    text="Button"     borderWidth="4px" borderRadius="45px" borderColor="black" padding="4px" margin="4px" />
+      <TextView  text="Text View"  borderWidth="3px" borderRadius="45px" borderColor="black" padding="3px" margin="3px" />
+      <TextField text="Text Field" borderWidth="2px" borderRadius="45px" borderColor="black" padding="2px" margin="2px" />
+    </StackLayout>
+
+    <StackLayout borderWidth="3px" borderColor="black" orientation="horizontal" padding="3px">
+        <StackLayout borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px">
+            <StackLayout borderWidth="1px" borderColor="black" margin="0px" width="75px" height="75px" />
+        </StackLayout>
+        <StackLayout borderWidth="2px" borderRadius="45px" borderColor="green" padding="2px" margin="2px">
+            <StackLayout borderWidth="2px" borderColor="black" margin="1px" width="75px" height="75px" />
+        </StackLayout>
+        <StackLayout borderWidth="3px" borderRadius="45px" borderColor="green" padding="3px" margin="3px">
+            <StackLayout borderWidth="3px" borderColor="black" margin="2px" width="75px" height="75px" />
+        </StackLayout>
+    </StackLayout>
+
+    <Label text="device independent pixels" />
+    <StackLayout borderWidth="1" borderColor="black" horizontalAlignment="left" verticalAlignment="top" orientation="horizontal" padding="1">
+      <Label     text="Label"      borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
+      <Button    text="Button"     borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
+      <TextView  text="Text View"  borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
+      <TextField text="Text Field" borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
+      <Image src="~/ui-tests-app/image-view/gravatar.png" borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
+    </StackLayout>
+
+     <StackLayout borderWidth="2" borderColor="green" orientation="horizontal" padding="2">
+      <Label     text="Label"      borderWidth="5" borderRadius="45" borderColor="black" padding="5" margin="5" />
+      <Button    text="Button"     borderWidth="4" borderRadius="45" borderColor="black" padding="4" margin="4" />
+      <TextView  text="Text View"  borderWidth="3" borderRadius="45" borderColor="black" padding="3" margin="3" />
+      <TextField text="Text Field" borderWidth="2" borderRadius="45" borderColor="black" padding="2" margin="2" />
+    </StackLayout>
+
+    <StackLayout borderWidth="3" borderColor="black" orientation="horizontal" padding="3">
+        <StackLayout borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1">
+            <StackLayout borderWidth="1" borderColor="black" margin="0" width="75" height="75" />
+        </StackLayout>
+        <StackLayout borderWidth="2" borderRadius="45" borderColor="green" padding="2" margin="2">
+            <StackLayout borderWidth="2" borderColor="black" margin="1" width="75" height="75" />
+        </StackLayout>
+        <StackLayout borderWidth="3" borderRadius="45" borderColor="green" padding="3" margin="3">
+            <StackLayout borderWidth="3" borderColor="black" margin="2" width="75" height="75" />
+        </StackLayout>
+    </StackLayout>
+   </StackLayout>
+</Page>
\ No newline at end of file