From 7096d2cd686cdf6130debda94e806525c4830bdb Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Wed, 19 Aug 2015 11:28:03 +0300
Subject: [PATCH] Rounded images ui test

---
 CrossPlatformModules.csproj                   |   5 +-
 apps/ui-tests-app/image-view/gravatar.png     | Bin 0 -> 5486 bytes
 .../image-view/rounded-images.css             |  51 ++++++++++++++++++
 .../image-view/rounded-images.xml             |  10 ++++
 apps/ui-tests-app/mainPage.ts                 |   2 +-
 5 files changed, 66 insertions(+), 2 deletions(-)
 create mode 100644 apps/ui-tests-app/image-view/gravatar.png
 create mode 100644 apps/ui-tests-app/image-view/rounded-images.css
 create mode 100644 apps/ui-tests-app/image-view/rounded-images.xml

diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index a699a8792..f9cf776d5 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -934,6 +934,9 @@
     <Content Include="apps\tests\xml-declaration\mymodule\MyControl.css" />
     <Content Include="apps\ui-tests-app\bindings\xmlbasics.xml" />
     <Content Include="apps\ui-tests-app\dialogs\dialogs.xml" />
+    <Content Include="apps\ui-tests-app\image-view\gravatar.png" />
+    <Content Include="apps\ui-tests-app\image-view\rounded-images.css" />
+    <Content Include="apps\ui-tests-app\image-view\rounded-images.xml" />
     <Content Include="apps\ui-tests-app\layouts\absolute.xml" />
     <Content Include="apps\ui-tests-app\layouts\dock.xml" />
     <Content Include="apps\ui-tests-app\layouts\grid.xml" />
@@ -1936,7 +1939,7 @@
           <SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile>
         </WebProjectProperties>
       </FlavorProperties>
-      <UserProperties ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2linear-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" />
+      <UserProperties ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2linear-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" />
     </VisualStudio>
   </ProjectExtensions>
 </Project>
\ No newline at end of file
diff --git a/apps/ui-tests-app/image-view/gravatar.png b/apps/ui-tests-app/image-view/gravatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..66dd2ef6aacbc16d82072c2ed0ca306fae527136
GIT binary patch
literal 5486
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
I3;n{s0C7sPY5)KL

literal 0
HcmV?d00001

diff --git a/apps/ui-tests-app/image-view/rounded-images.css b/apps/ui-tests-app/image-view/rounded-images.css
new file mode 100644
index 000000000..85f0a9c94
--- /dev/null
+++ b/apps/ui-tests-app/image-view/rounded-images.css
@@ -0,0 +1,51 @@
+Page {
+	background-color: #1B3943;
+}
+
+.one {
+    width: 100;
+    height: 100;
+    border-radius: 0;
+    border-width: 0;
+    border-color: gray;
+}
+
+.two {
+    width: 100;
+    height: 100;
+    border-radius: 50;
+    border-width: 0;
+    border-color: gray;
+}
+
+.three {
+    width: 100;
+    height: 100;
+    border-radius: 0;
+    border-width: 20;
+    border-color: gray;
+}
+
+.four {
+    width: 100;
+    height: 100;
+    border-radius: 40;
+    border-width: 5;
+    border-color: gray;
+}
+
+.five {
+    width: 100;
+    height: 100;
+    border-radius: 20;
+    border-width: 30;
+    border-color: gray;
+}
+
+.six {
+    width: 100;
+    height: 50;
+    border-radius: 30;
+    border-width: 5;
+    border-color: gray;
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/image-view/rounded-images.xml b/apps/ui-tests-app/image-view/rounded-images.xml
new file mode 100644
index 000000000..50a40066e
--- /dev/null
+++ b/apps/ui-tests-app/image-view/rounded-images.xml
@@ -0,0 +1,10 @@
+<Page>
+  <GridLayout rows="*,*,*" columns="*,*">
+    <Image row="0" col="0" src="~/image-view/gravatar.png" cssClass="one"/>
+    <Image row="0" col="1" src="~/image-view/gravatar.png" cssClass="two"/>
+    <Image row="1" col="0" src="~/image-view/gravatar.png" cssClass="three"/>
+    <Image row="1" col="1" src="~/image-view/gravatar.png" cssClass="four"/>
+    <Image row="2" col="0" src="~/image-view/gravatar.png" cssClass="five"/>
+    <Image row="2" col="1" src="~/image-view/gravatar.png" cssClass="six"/>
+  </GridLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index 50f2038f4..39dd6cb16 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -10,7 +10,7 @@ import trace = require("trace");
 trace.enable();
 trace.setCategories(trace.categories.Test);
 
-var list: string[] = ["pages", "layouts", "modal-view", "bindings", "dialogs", "web-view"];
+var list: string[] = ["pages", "layouts", "modal-view", "bindings", "dialogs", "web-view", "image-view"];
 
 // basePath is auto-changed when building multiple apps
 var basePath = "";