From ccc2bc9543999a2fb98966b77abc49fb96278081 Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@gmail.com>
Date: Fri, 27 Jul 2018 05:42:27 +0300
Subject: [PATCH] test(safe-area): add nested wrap layout examples

---
 .../action-bar/hwrap-nested-hwrap-page.xml    | 10 +++++
 .../action-bar/hwrap-nested-vwrap-page.xml    | 10 +++++
 .../app/wraplayout/action-bar/hwrap-page.xml  |  2 +-
 .../app/wraplayout/action-bar/vwrap-page.xml  |  2 +-
 .../fragments/hwrap-nested-hwrap-fragment.xml | 42 +++++++++++++++++++
 .../fragments/hwrap-nested-vwrap-fragment.xml | 42 +++++++++++++++++++
 .../no-action-bar/hwrap-nested-hwrap-page.xml |  6 +++
 .../no-action-bar/hwrap-nested-vwrap-page.xml |  6 +++
 .../wraplayout/no-action-bar/hwrap-page.xml   |  2 +-
 .../wraplayout/no-action-bar/vwrap-page.xml   |  2 +-
 .../app/wraplayout/wraplayout-page.xml        |  4 ++
 11 files changed, 124 insertions(+), 4 deletions(-)
 create mode 100644 e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-hwrap-page.xml
 create mode 100644 e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-vwrap-page.xml
 create mode 100644 e2e/safe-area/app/wraplayout/fragments/hwrap-nested-hwrap-fragment.xml
 create mode 100644 e2e/safe-area/app/wraplayout/fragments/hwrap-nested-vwrap-fragment.xml
 create mode 100644 e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-hwrap-page.xml
 create mode 100644 e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-vwrap-page.xml

diff --git a/e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-hwrap-page.xml b/e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-hwrap-page.xml
new file mode 100644
index 000000000..2e60176c3
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-hwrap-page.xml
@@ -0,0 +1,10 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="wraplayout/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+    <fragments:hwrap-nested-hwrap-fragment></fragments:hwrap-nested-hwrap-fragment>
+
+</Page>
diff --git a/e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-vwrap-page.xml b/e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-vwrap-page.xml
new file mode 100644
index 000000000..a8a4fe194
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/action-bar/hwrap-nested-vwrap-page.xml
@@ -0,0 +1,10 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="wraplayout/fragments">
+
+    <ActionBar>
+        <Label text="Action Bar"></Label>
+    </ActionBar>
+
+    <fragments:hwrap-nested-vwrap-fragment></fragments:hwrap-nested-vwrap-fragment>
+
+</Page>
diff --git a/e2e/safe-area/app/wraplayout/action-bar/hwrap-page.xml b/e2e/safe-area/app/wraplayout/action-bar/hwrap-page.xml
index b571d4cd3..11c173792 100644
--- a/e2e/safe-area/app/wraplayout/action-bar/hwrap-page.xml
+++ b/e2e/safe-area/app/wraplayout/action-bar/hwrap-page.xml
@@ -1,5 +1,5 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd"
-    xmlns:fragments="wraplayout/fragments" backgroundColor="LightGreen">
+    xmlns:fragments="wraplayout/fragments">
 
     <ActionBar>
         <Label text="Action Bar"></Label>
diff --git a/e2e/safe-area/app/wraplayout/action-bar/vwrap-page.xml b/e2e/safe-area/app/wraplayout/action-bar/vwrap-page.xml
index 9697ae08a..f6c7f4b2e 100644
--- a/e2e/safe-area/app/wraplayout/action-bar/vwrap-page.xml
+++ b/e2e/safe-area/app/wraplayout/action-bar/vwrap-page.xml
@@ -1,5 +1,5 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd"
-    xmlns:fragments="wraplayout/fragments" backgroundColor="LightGreen">
+    xmlns:fragments="wraplayout/fragments">
 
     <ActionBar>
         <Label text="Action Bar"></Label>
diff --git a/e2e/safe-area/app/wraplayout/fragments/hwrap-nested-hwrap-fragment.xml b/e2e/safe-area/app/wraplayout/fragments/hwrap-nested-hwrap-fragment.xml
new file mode 100644
index 000000000..e23f03d2d
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/fragments/hwrap-nested-hwrap-fragment.xml
@@ -0,0 +1,42 @@
+<WrapLayout orientation="horizontal" backgroundColor="LightGreen">
+    <WrapLayout orientation="horizontal" backgroundColor="LightPink">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="horizontal" backgroundColor="LightBlue">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="horizontal" backgroundColor="LightYellow">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="horizontal" backgroundColor="LightGray">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="horizontal" backgroundColor="LightPink">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="horizontal" backgroundColor="LightBlue">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="horizontal" backgroundColor="LightYellow">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="horizontal" backgroundColor="LightGray">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+</WrapLayout>
diff --git a/e2e/safe-area/app/wraplayout/fragments/hwrap-nested-vwrap-fragment.xml b/e2e/safe-area/app/wraplayout/fragments/hwrap-nested-vwrap-fragment.xml
new file mode 100644
index 000000000..aac3d7366
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/fragments/hwrap-nested-vwrap-fragment.xml
@@ -0,0 +1,42 @@
+<WrapLayout orientation="horizontal" backgroundColor="LightGreen">
+    <WrapLayout orientation="vertical" backgroundColor="LightPink">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="vertical" backgroundColor="LightBlue">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="vertical" backgroundColor="LightYellow">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="vertical" backgroundColor="LightGray">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="vertical" backgroundColor="LightPink">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="vertical" backgroundColor="LightBlue">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="vertical" backgroundColor="LightYellow">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+    <WrapLayout orientation="vertical" backgroundColor="LightGray">
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+        <Button text="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"></Button>
+    </WrapLayout>
+</WrapLayout>
diff --git a/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-hwrap-page.xml b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-hwrap-page.xml
new file mode 100644
index 000000000..a2b30e00f
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-hwrap-page.xml
@@ -0,0 +1,6 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
+
+    <fragments:hwrap-nested-hwrap-fragment></fragments:hwrap-nested-hwrap-fragment>
+
+</Page>
diff --git a/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-vwrap-page.xml b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-vwrap-page.xml
new file mode 100644
index 000000000..5ab457545
--- /dev/null
+++ b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-nested-vwrap-page.xml
@@ -0,0 +1,6 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd"
+    xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
+
+    <fragments:hwrap-nested-vwrap-fragment></fragments:hwrap-nested-vwrap-fragment>
+
+</Page>
diff --git a/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-page.xml b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-page.xml
index 8512501d9..c548c583a 100644
--- a/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-page.xml
+++ b/e2e/safe-area/app/wraplayout/no-action-bar/hwrap-page.xml
@@ -1,5 +1,5 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd"
-    xmlns:fragments="wraplayout/fragments" actionBarHidden="true" backgroundColor="LightGreen">
+    xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
 
     <fragments:hwrap-fragment></fragments:hwrap-fragment>
 
diff --git a/e2e/safe-area/app/wraplayout/no-action-bar/vwrap-page.xml b/e2e/safe-area/app/wraplayout/no-action-bar/vwrap-page.xml
index 06e3ad0c2..7f566db80 100644
--- a/e2e/safe-area/app/wraplayout/no-action-bar/vwrap-page.xml
+++ b/e2e/safe-area/app/wraplayout/no-action-bar/vwrap-page.xml
@@ -1,5 +1,5 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd"
-    xmlns:fragments="wraplayout/fragments" actionBarHidden="true" backgroundColor="LightGreen">
+    xmlns:fragments="wraplayout/fragments" actionBarHidden="true">
 
     <fragments:vwrap-fragment></fragments:vwrap-fragment>
 
diff --git a/e2e/safe-area/app/wraplayout/wraplayout-page.xml b/e2e/safe-area/app/wraplayout/wraplayout-page.xml
index d885f20e3..d1898cba7 100644
--- a/e2e/safe-area/app/wraplayout/wraplayout-page.xml
+++ b/e2e/safe-area/app/wraplayout/wraplayout-page.xml
@@ -8,11 +8,15 @@
         <StackLayout horizontalAlignment="center">
             <Label text="Pages w/ ActionBar"></Label>
             <Button text="HWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-page"></Button>
+            <Button text="HWrap Nested HWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-nested-hwrap-page"></Button>
+            <Button text="HWrap Nested VWrap" tap="onNavigate" route="wraplayout/action-bar/hwrap-nested-vwrap-page"></Button>
             <Button text="VWrap" tap="onNavigate" route="wraplayout/action-bar/vwrap-page"></Button>
         </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="HWrap Nested HWrap" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-nested-hwrap-page"></Button>
+            <Button text="HWrap Nested VWrap" tap="onNavigate" route="wraplayout/no-action-bar/hwrap-nested-vwrap-page"></Button>
             <Button text="VWrap" tap="onNavigate" route="wraplayout/no-action-bar/vwrap-page"></Button>
         </StackLayout>
         <StackLayout horizontalAlignment="center">