refactor(Clock): add previews for each Styles

Author: renaudjenny

telltime/App/App.swift

@@ -25,7 +25,13 @@ enum App {
     }
   }
 
-  #if DEBUG
-  static let previewStore = Store<App.State, App.Action>(initialState: App.State(), reducer: { _, _ in })
-  #endif
+    #if DEBUG
+    static func previewStore(modifyState: (inout App.State) -> Void) -> Store<App.State, App.Action> {
+        var state = App.State()
+        modifyState(&state)
+        return .init(initialState: state, reducer: { _, _ in })
+    }
+
+    static let previewStore = App.previewStore { _ in }
+    #endif
 }

telltime/Clock/ClockView.swift

@@ -65,15 +65,29 @@ struct ClockView_Previews: PreviewProvider {
 }
 
 struct ClockViewWithFace_Previews: PreviewProvider {
-    static var previewStoreWithShowFace: Store<App.State, App.Action> {
-        var state = App.State()
-        state.clock.isClockFaceShown = true
-        return .init(initialState: state) { _, _ in }
+    static var previews: some View {
+        ClockView().padding()
+            .environmentObject(App.previewStore {
+                $0.clock.isClockFaceShown = true
+            })
+    }
+}
+
+struct ClockViewArtNouveauStyle_Previews: PreviewProvider {
+    static var previews: some View {
+        ClockView().padding()
+            .environmentObject(App.previewStore {
+                $0.configuration.clockStyle = .artNouveau
+            })
     }
+}
 
+struct ClockViewDrawingStyle_Previews: PreviewProvider {
     static var previews: some View {
         ClockView().padding()
-            .environmentObject(Self.previewStoreWithShowFace)
+            .environmentObject(App.previewStore {
+                $0.configuration.clockStyle = .drawing
+            })
     }
 }
 #endif

telltime/Clock/Face/ClockFaceView.swift

@@ -35,15 +35,11 @@ struct ClockFaceView: View {
 
 #if DEBUG
 struct ClockFaceSmiling_Previews: PreviewProvider {
-    static var previewStoreWithShowFace: Store<App.State, App.Action> {
-        var state = App.State()
-        state.clock.isClockFaceShown = true
-        return .init(initialState: state) { _, _ in }
-    }
-
     static var previews: some View {
         ClockFaceView()
-            .environmentObject(Self.previewStoreWithShowFace)
+            .environmentObject(App.previewStore {
+                $0.clock.isClockFaceShown = true
+            })
     }
 }
 #endif

telltimeTests/Clock/ClockTests.swift

@@ -128,4 +128,30 @@ class ClockTests: XCTestCase {
         let hostingController = UIHostingController(rootView: clockViews)
         assertSnapshot(matching: hostingController, as: .image(on: .iPhoneSe))
     }
+
+    func testClockViewArtNouveauStyle() {
+        Current.isAnimationDisabled = true
+        let clockViews = ClockViewArtNouveauStyle_Previews.previews
+        let hostingController = UIHostingController(rootView: clockViews)
+        assertSnapshot(matching: hostingController, as: .image(on: .iPhoneSe))
+    }
+
+    func testClockViewDrawingStyle() {
+        Current.isAnimationDisabled = true
+        Current.clock.randomControlRatio = (
+            leftX: { 0.5 },
+            leftY: { 0.6 },
+            rightX: { 0.7 },
+            rightY: { 0.8 }
+        )
+        Current.clock.randomAngle = { .degrees(5) }
+        Current.clock.randomScale = { 1 }
+        Current.clock.randomBorderMarginRatio = (
+            maxMargin: { $0 },
+            angleMargin: { 1/3 }
+        )
+        let clockViews = ClockViewDrawingStyle_Previews.previews
+        let hostingController = UIHostingController(rootView: clockViews)
+        assertSnapshot(matching: hostingController, as: .image(on: .iPhoneSe))
+    }
 }