From b914e9a64fe07adc21be6eeed6f8155c0d649b1d Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@gmail.com>
Date: Wed, 12 Sep 2018 16:14:06 +0300
Subject: [PATCH] test(safe-area): add absolute layout tests

---
 tests/app/ui/layouts/safe-area-tests.ts | 71 +++++++++++++++++++++++++
 1 file changed, 71 insertions(+)

diff --git a/tests/app/ui/layouts/safe-area-tests.ts b/tests/app/ui/layouts/safe-area-tests.ts
index 9329aa103..af5c5ff3e 100644
--- a/tests/app/ui/layouts/safe-area-tests.ts
+++ b/tests/app/ui/layouts/safe-area-tests.ts
@@ -67,6 +67,77 @@ export class SafeAreaTests extends testModule.UITest<any> {
         equal(b, heightPixels, `${layout}.bottom - actual:${b}; expected: ${heightPixels}`);
     }
 
+    // Absolute
+    private getAbsoluteViews(template: string) {
+        let root = parse(template);
+        return {
+            root,
+            child0: root.getViewById("child0") as view.View,
+        };
+    };
+
+    public test_absolute_in_full_screen() {
+        const snippet = `
+        <AbsoluteLayout id="abs" backgroundColor="Crimson"></AbsoluteLayout>
+        `;
+
+        this.executeSnippet(
+            this.getAbsoluteViews(snippet),
+            this.noop,
+            ({ root }) => { this.layout_in_full_screen_test(root); }
+        );
+    }
+
+
+    public test_absolute_children_components_in_safe_area() {
+        const snippet = `
+        <AbsoluteLayout id="abs">
+            <Button id="child0" text="Left: 0, Top: 0" left="0" top="0" backgroundColor="red" />
+            <Button text="Left: 30, Top: 80" left="30" top="80" backgroundColor="green" />
+            <Button text="Left: 150, Top: 25" left="150" top="25" backgroundColor="blue" />
+            <Button text="Left: 70, Top: 150" left="70" top="150" backgroundColor="yellow" />
+        </AbsoluteLayout>
+        `;
+
+        this.executeSnippet(
+            this.getAbsoluteViews(snippet),
+            this.noop,
+            ({ root, child0 }) => {
+                const insets = root.getSafeAreaInsets();
+                equal(left(child0), insets.left, `${child0}.left - actual: ${left(child0)} expected: ${insets.left}`);
+                equal(top(child0), insets.top, `${child0}.top - actual: ${top(child0)} expected: ${insets.top}`);
+            }
+        );
+    }
+
+    public test_absolute_nested_layouts_beyond_safe_area() {
+        const snippet = `
+        <AbsoluteLayout id="abs">
+            <AbsoluteLayout id="child0" left="0" top="0" backgroundColor="red">
+                <Label text="Left: 0, Top: 0" />
+            </AbsoluteLayout>
+            <AbsoluteLayout left="30" top="80" backgroundColor="green">
+                <Label text="Left: 30, Top: 80" />
+            </AbsoluteLayout>
+            <AbsoluteLayout left="150" top="25" backgroundColor="blue">
+                <Label text="Left: 150, Top: 25" />
+            </AbsoluteLayout>
+            <AbsoluteLayout left="70" top="150" backgroundColor="yellow">
+                <Label text="Left: 70, Top: 150"  />
+            </AbsoluteLayout>
+        </AbsoluteLayout>
+        `;
+
+        this.executeSnippet(
+            this.getAbsoluteViews(snippet),
+            this.noop,
+            ({ root, child0 }) => {
+                isLeftAlignedWith(root, child0);
+                isTopAlignedWith(root, child0);
+            }
+        );
+    }
+
     // Dock
     private getDockViews(template: string) {
         let root = parse(template);