Add Switch visual regression tests (#59346)

Summary:
Pull Request resolved: #59346

Add a Maestro visual suite for `Switch` using existing RNTester examples. Capture stable cropped checkpoints after opening each example and settling animations.

See `packages/rn-tester/visual-tests/suites/switch.md` for the example and checkpoint inventory.

Changelog: [Internal]

Reviewed By: Abbondanzo

Differential Revision: D126723206

fbshipit-source-id: 949167abee74f74f983a1531879def6ebc867eaf

Author: cortinico

packages/rn-tester/visual-tests/flows/switch.yml

@@ -0,0 +1,88 @@
+appId: ${APP_ID}
+---
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/SwitchExample/basic
+- extendedWaitUntil:
+    visible:
+      id: 'on-off-initial-off'
+    timeout: 15000
+- extendedWaitUntil:
+    visible:
+      id: 'on-off-initial-on'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/switch/basic/default
+    cropOn:
+      id: 'example-container'
+- tapOn:
+    id: 'on-off-initial-off'
+- tapOn:
+    id: 'on-off-initial-on'
+- assertVisible:
+    id: 'on-off-initial-off-indicator'
+    text: 'On'
+- assertVisible:
+    id: 'on-off-initial-on-indicator'
+    text: 'Off'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/switch/basic/toggled
+    cropOn:
+      id: 'example-container'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/SwitchExample/disabled
+- extendedWaitUntil:
+    visible:
+      id: 'example-container'
+    timeout: 15000
+- assertVisible:
+    id: 'disabled-initial-off'
+- assertVisible:
+    id: 'disabled-initial-on'
+- assertVisible:
+    id: 'disabled-initial-off-indicator'
+    text: 'Off'
+- assertVisible:
+    id: 'disabled-initial-on-indicator'
+    text: 'On'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/switch/disabled/default
+    cropOn:
+      id: 'example-container'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/SwitchExample/custom-colors
+- extendedWaitUntil:
+    visible:
+      id: 'initial-false-switch'
+    timeout: 15000
+- extendedWaitUntil:
+    visible:
+      id: 'initial-true-switch'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/switch/custom-colors/default
+    cropOn:
+      id: 'example-container'
+- tapOn:
+    id: 'initial-false-switch'
+- tapOn:
+    id: 'initial-true-switch'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/switch/custom-colors/toggled
+    cropOn:
+      id: 'example-container'

packages/rn-tester/visual-tests/suites/switch.md

@@ -0,0 +1,9 @@
+# Switch visual tests
+
+| Example | Checkpoints |
+| --- | --- |
+| `basic` | Initial values and both switches toggled |
+| `disabled` | Initial rendering |
+| `custom-colors` | Initial values and both switches toggled |
+
+Screenshots use the existing RNTester example crops. Each example starts from a fresh app launch; captures wait for the target and for animations to settle.