From 5c748b9ca7b4adf2a40f343e8262dac8fb26d54b Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@gmail.com>
Date: Fri, 27 Jul 2018 04:43:04 +0300
Subject: [PATCH] test(safe-area): update wrap layout examples

---
 e2e/safe-area/app/wraplayout/docs/hwrap-page.xml         | 8 ++++++++
 e2e/safe-area/app/wraplayout/docs/vwrap-page.xml         | 8 ++++++++
 .../app/wraplayout/fragments/hwrap-fragment.xml          | 2 +-
 .../app/wraplayout/fragments/vwrap-fragment.xml          | 2 +-
 e2e/safe-area/app/wraplayout/wraplayout-page.xml         | 9 +++++++--
 5 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 e2e/safe-area/app/wraplayout/docs/hwrap-page.xml
 create mode 100644 e2e/safe-area/app/wraplayout/docs/vwrap-page.xml

diff --git a/e2e/safe-area/app/wraplayout/docs/hwrap-page.xml b/e2e/safe-area/app/wraplayout/docs/hwrap-page.xml
new file mode 100644
index 000000000..e67b33bb1
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/docs/hwrap-page.xml
@@ -0,0 +1,8 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd">
+  <WrapLayout orientation="horizontal" width="210" height="210" backgroundColor="lightgray">
+    <Label text="Label 1" width="70" height="70" backgroundColor="red"/>
+    <Label text="Label 2" width="70" height="70" backgroundColor="green"/>
+    <Label text="Label 3" width="70" height="70" backgroundColor="blue"/>
+    <Label text="Label 4" width="70" height="70" backgroundColor="yellow"/>
+  </WrapLayout>
+</Page>
diff --git a/e2e/safe-area/app/wraplayout/docs/vwrap-page.xml b/e2e/safe-area/app/wraplayout/docs/vwrap-page.xml
new file mode 100644
index 000000000..9238df188
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/docs/vwrap-page.xml
@@ -0,0 +1,8 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd">
+  <WrapLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
+    <Label text="Label 1" width="70" height="70" backgroundColor="red"/>
+    <Label text="Label 2" width="70" height="70" backgroundColor="green"/>
+    <Label text="Label 3" width="70" height="70" backgroundColor="blue"/>
+    <Label text="Label 4" width="70" height="70" backgroundColor="yellow"/>
+  </WrapLayout>
+</Page>
diff --git a/e2e/safe-area/app/wraplayout/fragments/hwrap-fragment.xml b/e2e/safe-area/app/wraplayout/fragments/hwrap-fragment.xml
index 3139c8c18..f21f7a7f0 100644
--- a/e2e/safe-area/app/wraplayout/fragments/hwrap-fragment.xml
+++ b/e2e/safe-area/app/wraplayout/fragments/hwrap-fragment.xml
@@ -1,4 +1,4 @@
 <WrapLayout orientation="horizontal" backgroundColor="LightGreen">
-    <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="LightPink"></Button>
+    <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="Green"></Button>
     <Button text="H" backgroundColor="Pink"></Button>
 </WrapLayout>
diff --git a/e2e/safe-area/app/wraplayout/fragments/vwrap-fragment.xml b/e2e/safe-area/app/wraplayout/fragments/vwrap-fragment.xml
index 5c608403e..f1c2738c8 100644
--- a/e2e/safe-area/app/wraplayout/fragments/vwrap-fragment.xml
+++ b/e2e/safe-area/app/wraplayout/fragments/vwrap-fragment.xml
@@ -1,4 +1,4 @@
 <WrapLayout orientation="vertical" backgroundColor="LightGreen">
-    <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="LightPink"></Button>
+    <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet" height="100%" backgroundColor="Blue"></Button>
     <Button text="V" backgroundColor="Pink"></Button>
 </WrapLayout>
diff --git a/e2e/safe-area/app/wraplayout/wraplayout-page.xml b/e2e/safe-area/app/wraplayout/wraplayout-page.xml
index ae422fb08..d885f20e3 100644
--- a/e2e/safe-area/app/wraplayout/wraplayout-page.xml
+++ b/e2e/safe-area/app/wraplayout/wraplayout-page.xml
@@ -5,16 +5,21 @@
     </ActionBar>
 
     <StackLayout horizontalAlignment="center">
-        <StackLayout>
+        <StackLayout horizontalAlignment="center">
             <Label text="Pages w/ ActionBar"></Label>
             <Button text="HWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-page"></Button>
             <Button text="VWrap" tap="onNavigate" route="wraplayout/action-bar/vwrap-page"></Button>
         </StackLayout>
-        <StackLayout>
+        <StackLayout horizontalAlignment="center">
             <Label text="Pages w/o ActionBar"></Label>
             <Button text="HWrap" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-page"></Button>
             <Button text="VWrap" tap="onNavigate" route="wraplayout/no-action-bar/vwrap-page"></Button>
         </StackLayout>
+        <StackLayout horizontalAlignment="center">
+            <Label text="Docs Pages"></Label>
+            <Button text="HWrap" tap="onNavigate" route="wraplayout/docs/hwrap-page"></Button>
+            <Button text="VWrap" tap="onNavigate" route="wraplayout/docs/vwrap-page"></Button>
+        </StackLayout>
     </StackLayout>
 
 </Page>