POSFloatingControlView: add previews for disconnected/connected/disabled states.

Author: jaclync

WooCommerce/Classes/POS/Card Present Payments/CardPresentPaymentPreviewService.swift

@@ -5,11 +5,14 @@ import struct Yosemite.Order
 
 #if DEBUG
 
-struct CardPresentPaymentPreviewService: CardPresentPaymentFacade {
+final class CardPresentPaymentPreviewService: CardPresentPaymentFacade {
     let paymentEventPublisher: AnyPublisher<CardPresentPaymentEvent, Never> = Just(.idle).eraseToAnyPublisher()
 
-    let readerConnectionStatusPublisher: AnyPublisher<CardPresentPaymentReaderConnectionStatus, Never> = Just(.disconnected)
-        .eraseToAnyPublisher()
+    @Published var readerConnectionStatus: CardPresentPaymentReaderConnectionStatus = .disconnected
+
+    var readerConnectionStatusPublisher: AnyPublisher<CardPresentPaymentReaderConnectionStatus, Never> {
+        $readerConnectionStatus.eraseToAnyPublisher()
+    }
 
     func connectReader(using connectionMethod: CardReaderConnectionMethod) async throws -> CardPresentPaymentReaderConnectionResult {
         .connected(CardPresentPaymentCardReader(name: "Test reader", batteryLevel: 0.85))

WooCommerce/Classes/POS/Presentation/POSFloatingControlView.swift

@@ -111,3 +111,42 @@ private extension POSFloatingControlView {
         )
     }
 }
+
+#if DEBUG
+
+@available(iOS 17.0, *)
+#Preview("Reader Disconnected") {
+    let posModel = PointOfSaleAggregateModel(
+        itemsController: PointOfSalePreviewItemsController(),
+        cardPresentPaymentService: CardPresentPaymentPreviewService(),
+        orderController: PointOfSalePreviewOrderController())
+    POSFloatingControlView(showExitPOSModal: .constant(false), showSupport: .constant(false))
+        .environment(\.posBackgroundAppearance, .primary)
+        .environment(posModel)
+}
+
+@available(iOS 17.0, *)
+#Preview("Reader Connected") {
+    let paymentService = CardPresentPaymentPreviewService()
+    let posModel = PointOfSaleAggregateModel(
+        itemsController: PointOfSalePreviewItemsController(),
+        cardPresentPaymentService: paymentService,
+        orderController: PointOfSalePreviewOrderController())
+    paymentService.readerConnectionStatus = .connected(.init(name: "", batteryLevel: 0.6))
+    return POSFloatingControlView(showExitPOSModal: .constant(false), showSupport: .constant(false))
+        .environment(\.posBackgroundAppearance, .primary)
+        .environment(posModel)
+}
+
+@available(iOS 17.0, *)
+#Preview("Secondary/disabled Background") {
+    let posModel = PointOfSaleAggregateModel(
+        itemsController: PointOfSalePreviewItemsController(),
+        cardPresentPaymentService: CardPresentPaymentPreviewService(),
+        orderController: PointOfSalePreviewOrderController())
+    POSFloatingControlView(showExitPOSModal: .constant(false), showSupport: .constant(false))
+        .environment(\.posBackgroundAppearance, .secondary)
+        .environment(posModel)
+}
+
+#endif