Add DateFieldPicker showcase to Test Harness

Author: SaintPatrck

TestHarnessShared/UI/Platform/Application/Support/Localizations/en.lproj/Localizable.strings

@@ -11,3 +11,9 @@
 "FormValues" = "Form Values";
 "UsernameValue" = "Username: %@";
 "PasswordValue" = "Password: %@";
+"DateFieldPicker" = "Date Field Picker";
+"DateFieldPickerDescription" = "Tap the field to expand the inline calendar and select a date.";
+"DateField" = "Date Field";
+"DateOfBirth" = "Date of birth";
+"SelectedDateValue" = "Selected date: %@";
+"NoDateSelected" = "No date selected";

TestHarnessShared/UI/Platform/DateFieldPicker/DateFieldPickerShowcaseAction.swift

@@ -0,0 +1,8 @@
+import Foundation
+
+/// Actions that can be processed by a `DateFieldPickerShowcaseProcessor`.
+///
+enum DateFieldPickerShowcaseAction: Equatable {
+    /// The selected date was updated.
+    case dateChanged(Date?)
+}

TestHarnessShared/UI/Platform/DateFieldPicker/DateFieldPickerShowcaseEffect.swift

@@ -0,0 +1,5 @@
+import Foundation
+
+/// Effects that can be processed by a `DateFieldPickerShowcaseProcessor`.
+///
+enum DateFieldPickerShowcaseEffect: Equatable {}

TestHarnessShared/UI/Platform/DateFieldPicker/DateFieldPickerShowcaseProcessor.swift

@@ -0,0 +1,39 @@
+import BitwardenKit
+import Combine
+
+/// The processor for the date field picker showcase screen.
+///
+class DateFieldPickerShowcaseProcessor: StateProcessor<
+    DateFieldPickerShowcaseState,
+    DateFieldPickerShowcaseAction,
+    DateFieldPickerShowcaseEffect,
+> {
+    // MARK: Types
+
+    typealias Services = HasErrorReporter
+
+    // MARK: Private Properties
+
+    /// The coordinator that handles navigation.
+    private let coordinator: AnyCoordinator<RootRoute, Void>
+
+    // MARK: Initialization
+
+    /// Initialize a `DateFieldPickerShowcaseProcessor`.
+    ///
+    /// - Parameter coordinator: The coordinator that handles navigation.
+    ///
+    init(coordinator: AnyCoordinator<RootRoute, Void>) {
+        self.coordinator = coordinator
+        super.init(state: DateFieldPickerShowcaseState())
+    }
+
+    // MARK: Methods
+
+    override func receive(_ action: DateFieldPickerShowcaseAction) {
+        switch action {
+        case let .dateChanged(newValue):
+            state.selectedDate = newValue
+        }
+    }
+}

TestHarnessShared/UI/Platform/DateFieldPicker/DateFieldPickerShowcaseState.swift

@@ -0,0 +1,13 @@
+import Foundation
+
+/// The state for the date field picker showcase screen.
+///
+struct DateFieldPickerShowcaseState: Equatable {
+    // MARK: Properties
+
+    /// The title of the screen.
+    var title: String = Localizations.dateFieldPicker
+
+    /// The currently selected date, or `nil` if no date has been selected.
+    var selectedDate: Date?
+}

TestHarnessShared/UI/Platform/DateFieldPicker/DateFieldPickerShowcaseView.swift

@@ -0,0 +1,68 @@
+import BitwardenKit
+import SwiftUI
+
+/// A view that showcases the `DateFieldPicker` component for manual testing.
+///
+struct DateFieldPickerShowcaseView: View {
+    // MARK: Properties
+
+    /// The store used to render the view.
+    @ObservedObject var store: Store<
+        DateFieldPickerShowcaseState,
+        DateFieldPickerShowcaseAction,
+        DateFieldPickerShowcaseEffect,
+    >
+
+    // MARK: View
+
+    var body: some View {
+        content
+            .navigationTitle(store.state.title)
+            .navigationBarTitleDisplayMode(.large)
+    }
+
+    // MARK: Private Views
+
+    /// The main content view.
+    private var content: some View {
+        Form {
+            Section {
+                DateFieldPicker(
+                    title: Localizations.dateOfBirth,
+                    date: store.binding(
+                        get: \.selectedDate,
+                        send: DateFieldPickerShowcaseAction.dateChanged,
+                    ),
+                    footer: Localizations.dateFieldPickerDescription,
+                )
+            } header: {
+                Text(Localizations.dateField)
+            }
+
+            Section {
+                if let selectedDate = store.state.selectedDate {
+                    Text(Localizations.selectedDateValue(selectedDate.formatted(date: .long, time: .omitted)))
+                        .styleGuide(.body)
+                } else {
+                    Text(Localizations.noDateSelected)
+                        .foregroundColor(.secondary)
+                        .styleGuide(.body)
+                }
+            } header: {
+                Text(Localizations.formValues)
+            }
+        }
+    }
+}
+
+// MARK: - Previews
+
+#if DEBUG
+#Preview {
+    NavigationView {
+        DateFieldPickerShowcaseView(
+            store: Store(processor: StateProcessor(state: DateFieldPickerShowcaseState())),
+        )
+    }
+}
+#endif

TestHarnessShared/UI/Platform/Root/RootCoordinator.swift

@@ -36,6 +36,8 @@ class RootCoordinator: Coordinator, HasStackNavigator {
 
     func navigate(to route: RootRoute, context: AnyObject?) {
         switch route {
+        case .dateFieldPickerShowcase:
+            showDateFieldPickerShowcase()
         case .scenarioPicker:
             showScenarioPicker()
         case .simpleLoginForm:
@@ -49,6 +51,15 @@ class RootCoordinator: Coordinator, HasStackNavigator {
 
     // MARK: Private Methods
 
+    /// Shows the date field picker showcase screen.
+    ///
+    private func showDateFieldPickerShowcase() {
+        let processor = DateFieldPickerShowcaseProcessor(coordinator: asAnyCoordinator())
+        let view = DateFieldPickerShowcaseView(store: Store(processor: processor))
+        let viewController = UIHostingController(rootView: view)
+        stackNavigator?.push(viewController)
+    }
+
     /// Shows the scenario picker screen.
     ///
     private func showScenarioPicker() {

TestHarnessShared/UI/Platform/Root/RootRoute.swift

@@ -3,6 +3,9 @@ import Foundation
 /// The routes for navigating within the home flow.
 ///
 public enum RootRoute {
+    /// A route to the date field picker showcase screen.
+    case dateFieldPickerShowcase
+
     /// A route to the scenario picker home screen.
     case scenarioPicker
 

TestHarnessShared/UI/Platform/Root/ScenarioPicker/ScenarioPickerState.swift

@@ -26,6 +26,11 @@ struct ScenarioPickerState: Equatable {
     /// The available test scenarios.
     var scenarios: [ScenarioItem] = [
         ScenarioItem(id: "simpleLoginForm", title: Localizations.simpleLoginForm, route: .simpleLoginForm),
+        ScenarioItem(
+            id: "dateFieldPicker",
+            title: Localizations.dateFieldPicker,
+            route: .dateFieldPickerShowcase,
+        ),
         ScenarioItem(id: "passkeyAutofill", title: Localizations.passkeyAutofill, route: nil),
         ScenarioItem(id: "createPasskey", title: Localizations.createPasskey, route: nil),
     ]