From 06908de8265b42c2f0439cbcdcdab81f925b2fa5 Mon Sep 17 00:00:00 2001
From: SvetoslavTsenov <tsenov.svetoslav@gmail.com>
Date: Mon, 20 Feb 2017 14:17:10 +0200
Subject: [PATCH] Include test for listview with separator color

---
 apps/app/ui-tests-app/css/listview.ts  |  2 +-
 apps/app/ui-tests-app/css/listview.xml | 21 +++++++++++++++------
 apps/app/ui-tests-app/css/main-page.ts |  1 +
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/apps/app/ui-tests-app/css/listview.ts b/apps/app/ui-tests-app/css/listview.ts
index 22e3e31e7..5a5cb7d8c 100644
--- a/apps/app/ui-tests-app/css/listview.ts
+++ b/apps/app/ui-tests-app/css/listview.ts
@@ -1,6 +1,6 @@
 export function loaded(args) {
     var items = [];
-    for (var i = 0; i < 100; i++) {
+    for (var i = 0; i < 5; i++) {
         items.push("name" + i);
     }
     args.object.bindingContext = { items: items };
diff --git a/apps/app/ui-tests-app/css/listview.xml b/apps/app/ui-tests-app/css/listview.xml
index 7f47fcb1a..b7df56cce 100644
--- a/apps/app/ui-tests-app/css/listview.xml
+++ b/apps/app/ui-tests-app/css/listview.xml
@@ -1,7 +1,16 @@
 <Page loaded="loaded">
-  <ListView items="{{ items }}">
-    <ListView.itemTemplate>
-      <Label text="{{ $value }}" style="text-transform: uppercase; text-decoration: underline;" />
-    </ListView.itemTemplate>
-  </ListView>
-</Page>
+  <StackLayout>
+    <Label text="lightskyblue separator"></Label>
+    <ListView items="{{ items }}" style="separator-color:red; background-color:lightskyblue">
+      <ListView.itemTemplate>
+        <Label text="{{ $value }}"/>
+      </ListView.itemTemplate>
+    </ListView>
+    <Label text="transparent separator"></Label>
+    <ListView items="{{ items }}" style="separator-color:transparent; background-color:transparent">
+      <ListView.itemTemplate>
+        <Label text="{{ $value }}" />
+      </ListView.itemTemplate>
+    </ListView>
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/css/main-page.ts b/apps/app/ui-tests-app/css/main-page.ts
index 779bcb7ed..bc987aab7 100644
--- a/apps/app/ui-tests-app/css/main-page.ts
+++ b/apps/app/ui-tests-app/css/main-page.ts
@@ -38,6 +38,7 @@ export function pageLoaded(args: EventData) {
     examples.set("all-non-uniform-border", "css/all-non-uniform-border");
     examples.set("margins-paddings-with-percentage", "css/margins-paddings-with-percentage");
     examples.set("list-picker", "css/list-picker");
+    examples.set("listview", "css/listview");
     examples.set("padding-and-border", "css/padding-and-border");
     examples.set("border-playground", "css/border-playground");