Add tests for centering documentation examples (#276)

Tinder · Jan 19, 2024 · e5c5098 · e5c5098
1 parent 0452c36
commit e5c5098
Show file tree

Hide file tree

Showing 41 changed files with 172 additions and 0 deletions.
diff --git a/Tests/LayoutTests/LayoutExampleTests.swift b/Tests/LayoutTests/LayoutExampleTests.swift
@@ -49,6 +49,118 @@ final class LayoutExampleTests: XCTestCase {
         }
     }
 
+    func testHorizontallyCenteringDocumentationExample() {
+
+        // GIVEN
+
+        let siblingView: UIView = pinkView
+
+        let label: UILabel = {
+            let label: UILabel = .init()
+            label.text = "Layout"
+            return label
+        }()
+
+        // THEN
+
+        assertLayout { view in
+            view
+                .layout {
+                    siblingView
+                        .size(width: 100, height: 100)
+                        .center()
+                    label
+                        .center(.vertical)
+                }
+                .center(label, between: siblingView.trailing, and: view.trailing)
+                .activate()
+        }
+    }
+
+    func testVerticallyCenteringDocumentationExample() {
+
+        // GIVEN
+
+        let siblingView: UIView = pinkView
+
+        let label: UILabel = {
+            let label: UILabel = .init()
+            label.text = "Layout"
+            return label
+        }()
+
+        // THEN
+
+        assertLayout { view in
+            view
+                .layout {
+                    siblingView
+                        .size(width: 100, height: 100)
+                        .center()
+                    label
+                        .center(.horizontal)
+                }
+                .center(label, between: siblingView.bottom, and: view.bottom)
+                .activate()
+        }
+    }
+
+    func testHorizontallyCenteringLayoutItemDocumentationExample() {
+
+        // GIVEN
+
+        let siblingView: UIView = pinkView
+
+        let label: UILabel = {
+            let label: UILabel = .init()
+            label.text = "Layout"
+            return label
+        }()
+
+        // THEN
+
+        assertLayout { view in
+            view
+                .layout {
+                    siblingView
+                        .size(width: 100, height: 100)
+                        .center()
+                    label
+                        .center(.vertical)
+                        .center(between: siblingView.trailing, and: view.trailing)
+                }
+                .activate()
+        }
+    }
+
+    func testVerticallyCenteringLayoutItemDocumentationExample() {
+
+        // GIVEN
+
+        let siblingView: UIView = pinkView
+
+        let label: UILabel = {
+            let label: UILabel = .init()
+            label.text = "Layout"
+            return label
+        }()
+
+        // THEN
+
+        assertLayout { view in
+            view
+                .layout {
+                    siblingView
+                        .size(width: 100, height: 100)
+                        .center()
+                    label
+                        .center(.horizontal)
+                        .center(between: siblingView.bottom, and: view.bottom)
+                }
+                .activate()
+        }
+    }
+
     func testReadmeExample() {
 
         // GIVEN

diff --git a/...Tests/testHorizontallyCenteringDocumentationExample.iPhone-13-mini-portrait.png b/...Tests/testHorizontallyCenteringDocumentationExample.iPhone-13-mini-portrait.png
diff --git a/...outExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-13-mini-portrait.txt b/...outExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-13-mini-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (280.667 396; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...ampleTests/testHorizontallyCenteringDocumentationExample.iPhone-13-portrait.png b/...ampleTests/testHorizontallyCenteringDocumentationExample.iPhone-13-portrait.png
diff --git a/..._/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-13-portrait.txt b/..._/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-13-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 390, height: 844)>
+   | <View; name = Pink; frame = (x: 145, y: 372, width: 100, height: 100)>
+   | <UILabel; frame = (292 412; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...xampleTests/testHorizontallyCenteringDocumentationExample.iPhone-8-portrait.png b/...xampleTests/testHorizontallyCenteringDocumentationExample.iPhone-8-portrait.png
diff --git a/...__/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-8-portrait.txt b/...__/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-8-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 667)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 283.666667, width: 100, height: 100)>
+   | <UILabel; frame = (280.667 323.333; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...ampleTests/testHorizontallyCenteringDocumentationExample.iPhone-SE-portrait.png b/...ampleTests/testHorizontallyCenteringDocumentationExample.iPhone-SE-portrait.png
diff --git a/..._/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-SE-portrait.txt b/..._/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-SE-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 320, height: 568)>
+   | <View; name = Pink; frame = (x: 110, y: 234, width: 100, height: 100)>
+   | <UILabel; frame = (239.333 274; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...xampleTests/testHorizontallyCenteringDocumentationExample.iPhone-X-portrait.png b/...xampleTests/testHorizontallyCenteringDocumentationExample.iPhone-X-portrait.png
diff --git a/...__/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-X-portrait.txt b/...__/LayoutExampleTests/testHorizontallyCenteringDocumentationExample.iPhone-X-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (280.667 396; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...HorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.png b/...HorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.png
diff --git a/...Tests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.txt b/...Tests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (280.667 396; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/.../testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.png b/.../testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.png
diff --git a/...ampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.txt b/...ampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 390, height: 844)>
+   | <View; name = Pink; frame = (x: 145, y: 372, width: 100, height: 100)>
+   | <UILabel; frame = (292 412; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...s/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.png b/...s/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.png
diff --git a/...xampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.txt b/...xampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 667)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 283.666667, width: 100, height: 100)>
+   | <UILabel; frame = (280.667 323.333; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/.../testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.png b/.../testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.png
diff --git a/...ampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.txt b/...ampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 320, height: 568)>
+   | <View; name = Pink; frame = (x: 110, y: 234, width: 100, height: 100)>
+   | <UILabel; frame = (239.333 274; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...s/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.png b/...s/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.png
diff --git a/...xampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.txt b/...xampleTests/testHorizontallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (280.667 396; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...leTests/testVerticallyCenteringDocumentationExample.iPhone-13-mini-portrait.png b/...leTests/testVerticallyCenteringDocumentationExample.iPhone-13-mini-portrait.png
diff --git a/...ayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-13-mini-portrait.txt b/...ayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-13-mini-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (162 624; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...ExampleTests/testVerticallyCenteringDocumentationExample.iPhone-13-portrait.png b/...ExampleTests/testVerticallyCenteringDocumentationExample.iPhone-13-portrait.png
diff --git a/...s__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-13-portrait.txt b/...s__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-13-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 390, height: 844)>
+   | <View; name = Pink; frame = (x: 145, y: 372, width: 100, height: 100)>
+   | <UILabel; frame = (169.333 648; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...tExampleTests/testVerticallyCenteringDocumentationExample.iPhone-8-portrait.png b/...tExampleTests/testVerticallyCenteringDocumentationExample.iPhone-8-portrait.png
diff --git a/...ts__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-8-portrait.txt b/...ts__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-8-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 667)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 283.666667, width: 100, height: 100)>
+   | <UILabel; frame = (162 515; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...ExampleTests/testVerticallyCenteringDocumentationExample.iPhone-SE-portrait.png b/...ExampleTests/testVerticallyCenteringDocumentationExample.iPhone-SE-portrait.png
diff --git a/...s__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-SE-portrait.txt b/...s__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-SE-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 320, height: 568)>
+   | <View; name = Pink; frame = (x: 110, y: 234, width: 100, height: 100)>
+   | <UILabel; frame = (134.333 441; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...tExampleTests/testVerticallyCenteringDocumentationExample.iPhone-X-portrait.png b/...tExampleTests/testVerticallyCenteringDocumentationExample.iPhone-X-portrait.png
diff --git a/...ts__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-X-portrait.txt b/...ts__/LayoutExampleTests/testVerticallyCenteringDocumentationExample.iPhone-X-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (162 624; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...stVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.png b/...stVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.png
diff --git a/...leTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.txt b/...leTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-mini-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (162 624; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...ts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.png b/...ts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.png
diff --git a/...ExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.txt b/...ExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-13-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 390, height: 844)>
+   | <View; name = Pink; frame = (x: 145, y: 372, width: 100, height: 100)>
+   | <UILabel; frame = (169.333 648; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...sts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.png b/...sts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.png
diff --git a/...tExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.txt b/...tExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-8-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 667)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 283.666667, width: 100, height: 100)>
+   | <UILabel; frame = (162 515; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...ts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.png b/...ts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.png
diff --git a/...ExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.txt b/...ExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-SE-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 320, height: 568)>
+   | <View; name = Pink; frame = (x: 110, y: 234, width: 100, height: 100)>
+   | <UILabel; frame = (134.333 441; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>
diff --git a/...sts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.png b/...sts/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.png
diff --git a/...tExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.txt b/...tExampleTests/testVerticallyCenteringLayoutItemDocumentationExample.iPhone-X-portrait.txt
@@ -0,0 +1,3 @@
+<View; frame = (x: 0, y: 0, width: 375, height: 812)>
+   | <View; name = Pink; frame = (x: 137.666667, y: 356, width: 100, height: 100)>
+   | <UILabel; frame = (162 624; 51.3333 20.3333); text = 'Layout'; userInteractionEnabled = NO; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <_UILabelLayer>>