Create snapshot unit tests for card list

Skyscanner · Aug 2, 2023 · f7532e4 · f7532e4
1 parent 2ef3a2c
commit f7532e4
Show file tree

Hide file tree

Showing 30 changed files with 229 additions and 0 deletions.
diff --git a/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_1.imageset/Contents.json b/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_1.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "carousel_placeholder_1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/...ests/Images.xcassets/carousel_placeholder_1.imageset/carousel_placeholder_1.png b/...ests/Images.xcassets/carousel_placeholder_1.imageset/carousel_placeholder_1.png
diff --git a/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_2.imageset/Contents.json b/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_2.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "carousel_placeholder_2.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/...ests/Images.xcassets/carousel_placeholder_2.imageset/carousel_placeholder_2.png b/...ests/Images.xcassets/carousel_placeholder_2.imageset/carousel_placeholder_2.png
diff --git a/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_3.imageset/Contents.json b/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_3.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "carousel_placeholder_3.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/...ests/Images.xcassets/carousel_placeholder_3.imageset/carousel_placeholder_3.png b/...ests/Images.xcassets/carousel_placeholder_3.imageset/carousel_placeholder_3.png
diff --git a/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_4.imageset/Contents.json b/Backpack-SwiftUI/Tests/Images.xcassets/carousel_placeholder_4.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "carousel_placeholder_4.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/...ests/Images.xcassets/carousel_placeholder_4.imageset/carousel_placeholder_4.png b/...ests/Images.xcassets/carousel_placeholder_4.imageset/carousel_placeholder_4.png
diff --git a/CardList/BPKCardListViewTests.swift b/CardList/BPKCardListViewTests.swift
@@ -0,0 +1,145 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2018 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import XCTest
+import SnapshotTesting
+import SwiftUI
+import Backpack_SwiftUI
+
+class BPKCardListViewTests: XCTestCase {
+    func testCardListRail() {
+        assertSnapshot(
+            BPKCardList(
+                title: "Section title",
+                description: "Description about this section (optional)",
+                layout: .rail,
+                initiallyShownCards: 2,
+                totalElements: 4,
+                cardForIndex: locationContent(index:))
+            .padding()
+        )
+    }
+
+    func testCardListRailWithSectionHeaderButton() {
+        assertSnapshot(
+            BPKCardList(
+                title: "Section title",
+                description: "Description about this section (optional)",
+                sectionHeaderButton: .init(title: "Action", action: {
+                    print("Section header action pressed")
+                }),
+                layout: .rail,
+                initiallyShownCards: 2,
+                totalElements: 4,
+                cardForIndex: locationContent(index:))
+            .padding()
+        )
+    }
+
+    func testCardListStack() {
+        assertSnapshot(
+            BPKCardList(
+                title: "Section title",
+                description: "Description about this section (optional)",
+                layout: .stack(nil),
+                initiallyShownCards: 2,
+                totalElements: 4,
+                cardForIndex: locationContent(index:))
+            .padding()
+        )
+    }
+
+    func testCardListStackWithButtonAccessory() {
+        assertSnapshot(
+            BPKCardList(
+                title: "Section title",
+                description: "Description about this section (optional)",
+                layout: .stack(
+                    .button(
+                        .init(
+                            title: "Action",
+                            action: {
+                                print("Section header action pressed")
+                            }
+                        )
+                    )
+                ),
+                initiallyShownCards: 2,
+                totalElements: 4,
+                cardForIndex: locationContent(index:))
+            .padding()
+        )
+    }
+
+    func testCardListStackWithExpandAccessory() {
+        assertSnapshot(
+            BPKCardList(
+                title: "Section title",
+                description: "Description about this section (optional)",
+                layout: .stack(.expand("Show more", "Show less")),
+                initiallyShownCards: 2,
+                totalElements: 4,
+                cardForIndex: locationContent(index:))
+            .padding()
+        )
+    }
+
+    func testCardListStackWithSectionHeaderButton() {
+        assertSnapshot(
+            BPKCardList(
+                title: "Section title",
+                description: "Description about this section (optional)",
+                sectionHeaderButton: .init(title: "Action", action: {
+                    print("Section header action pressed")
+                }),
+                layout: .stack(nil),
+                initiallyShownCards: 2,
+                totalElements: 4,
+                cardForIndex: locationContent(index:))
+            .padding()
+        )
+    }
+
+    func testCardListStackWithExpandAccessoryAndSectionHeaderButton() {
+        assertSnapshot(
+            BPKCardList(
+                title: "Section title",
+                description: "Description about this section (optional)",
+                layout: .stack(.expand("Show more", "Show less")),
+                initiallyShownCards: 2,
+                totalElements: 4,
+                cardForIndex: locationContent(index:))
+            .padding()
+        )
+    }
+
+    private func locationContent(index: Int) -> some View {
+        BPKCard(padding: .none) {
+            HStack {
+                Image("carousel_placeholder_\(index % 4 + 1)", bundle: TestsBundle.bundle)
+                    .resizable()
+                    .aspectRatio(1, contentMode: .fit)
+                VStack {
+                    Text("Location \(index)")
+                }
+                Spacer()
+            }
+        }
+        .frame(height: 90)
+    }
+}
diff --git a/CardList/__Snapshots__/BPKCardListViewTests/testCardListRail.dark-mode.png b/CardList/__Snapshots__/BPKCardListViewTests/testCardListRail.dark-mode.png
diff --git a/CardList/__Snapshots__/BPKCardListViewTests/testCardListRail.light-mode.png b/CardList/__Snapshots__/BPKCardListViewTests/testCardListRail.light-mode.png
diff --git a/CardList/__Snapshots__/BPKCardListViewTests/testCardListRail.rtl.png b/CardList/__Snapshots__/BPKCardListViewTests/testCardListRail.rtl.png
diff --git a/...ts__/BPKCardListViewTests/testCardListRailWithSectionHeaderButton.dark-mode.png b/...ts__/BPKCardListViewTests/testCardListRailWithSectionHeaderButton.dark-mode.png
diff --git a/...s__/BPKCardListViewTests/testCardListRailWithSectionHeaderButton.light-mode.png b/...s__/BPKCardListViewTests/testCardListRailWithSectionHeaderButton.light-mode.png
diff --git a/...napshots__/BPKCardListViewTests/testCardListRailWithSectionHeaderButton.rtl.png b/...napshots__/BPKCardListViewTests/testCardListRailWithSectionHeaderButton.rtl.png
diff --git a/CardList/__Snapshots__/BPKCardListViewTests/testCardListStack.dark-mode.png b/CardList/__Snapshots__/BPKCardListViewTests/testCardListStack.dark-mode.png
diff --git a/CardList/__Snapshots__/BPKCardListViewTests/testCardListStack.light-mode.png b/CardList/__Snapshots__/BPKCardListViewTests/testCardListStack.light-mode.png
diff --git a/CardList/__Snapshots__/BPKCardListViewTests/testCardListStack.rtl.png b/CardList/__Snapshots__/BPKCardListViewTests/testCardListStack.rtl.png
diff --git a/...shots__/BPKCardListViewTests/testCardListStackWithButtonAccessory.dark-mode.png b/...shots__/BPKCardListViewTests/testCardListStackWithButtonAccessory.dark-mode.png
diff --git a/...hots__/BPKCardListViewTests/testCardListStackWithButtonAccessory.light-mode.png b/...hots__/BPKCardListViewTests/testCardListStackWithButtonAccessory.light-mode.png
diff --git a/...__Snapshots__/BPKCardListViewTests/testCardListStackWithButtonAccessory.rtl.png b/...__Snapshots__/BPKCardListViewTests/testCardListStackWithButtonAccessory.rtl.png
diff --git a/...shots__/BPKCardListViewTests/testCardListStackWithExpandAccessory.dark-mode.png b/...shots__/BPKCardListViewTests/testCardListStackWithExpandAccessory.dark-mode.png
diff --git a/...hots__/BPKCardListViewTests/testCardListStackWithExpandAccessory.light-mode.png b/...hots__/BPKCardListViewTests/testCardListStackWithExpandAccessory.light-mode.png
diff --git a/...__Snapshots__/BPKCardListViewTests/testCardListStackWithExpandAccessory.rtl.png b/...__Snapshots__/BPKCardListViewTests/testCardListStackWithExpandAccessory.rtl.png
diff --git a/...wTests/testCardListStackWithExpandAccessoryAndSectionHeaderButton.dark-mode.png b/...wTests/testCardListStackWithExpandAccessoryAndSectionHeaderButton.dark-mode.png
diff --git a/...Tests/testCardListStackWithExpandAccessoryAndSectionHeaderButton.light-mode.png b/...Tests/testCardListStackWithExpandAccessoryAndSectionHeaderButton.light-mode.png
diff --git a/...istViewTests/testCardListStackWithExpandAccessoryAndSectionHeaderButton.rtl.png b/...istViewTests/testCardListStackWithExpandAccessoryAndSectionHeaderButton.rtl.png
diff --git a/...s__/BPKCardListViewTests/testCardListStackWithSectionHeaderButton.dark-mode.png b/...s__/BPKCardListViewTests/testCardListStackWithSectionHeaderButton.dark-mode.png
diff --git a/...__/BPKCardListViewTests/testCardListStackWithSectionHeaderButton.light-mode.png b/...__/BPKCardListViewTests/testCardListStackWithSectionHeaderButton.light-mode.png
diff --git a/...apshots__/BPKCardListViewTests/testCardListStackWithSectionHeaderButton.rtl.png b/...apshots__/BPKCardListViewTests/testCardListStackWithSectionHeaderButton.rtl.png