Add Touchable visual regression tests (#59338)

Summary:
Pull Request resolved: #59338

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

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

Changelog: [Internal]

Reviewed By: Abbondanzo

Differential Revision: D126723208

fbshipit-source-id: 386f4fbb9d8f89aaceb7e182509cc8a812f45b1a

Author: cortinico

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

@@ -0,0 +1,77 @@
+appId: ${APP_ID}
+---
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/TouchableExample/highlight
+- extendedWaitUntil:
+    visible:
+      id: 'touchable_highlight_text_button'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/touchable/highlight/default
+    cropOn:
+      id: 'touchable_highlight_text_button'
+- tapOn:
+    id: 'touchable_highlight_text_button'
+- assertVisible:
+    id: 'touchable_highlight_console'
+    text: 'TouchableHighlight onPress'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/touchable/highlight/pressed
+    cropOn:
+      id: 'touchable_highlight_console'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/TouchableExample/without-feedback
+- extendedWaitUntil:
+    visible:
+      id: 'touchable_without_feedback_button'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/touchable/without-feedback/default
+    cropOn:
+      id: 'example-container'
+- tapOn:
+    id: 'touchable_without_feedback_button'
+- assertVisible:
+    id: 'touchable_without_feedback_console'
+    text: 'TouchableWithoutFeedback onPress'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/touchable/without-feedback/pressed
+    cropOn:
+      id: 'example-container'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/TouchableExample/feedback-events
+- extendedWaitUntil:
+    visible:
+      id: 'touchable_feedback_events_button'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/touchable/feedback-events/default
+    cropOn:
+      id: 'touchable_feedback_events'
+- tapOn:
+    id: 'touchable_feedback_events_button'
+- assertVisible:
+    id: 'touchable_feedback_events_console'
+- assertVisible: 'press'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/touchable/feedback-events/pressed
+    cropOn:
+      id: 'touchable_feedback_events'

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

@@ -0,0 +1,9 @@
+# Touchable visual tests
+
+| Example | Checkpoints |
+| --- | --- |
+| `highlight` | Text control and onPress log, excluding the network image |
+| `without-feedback` | Initial appearance and onPress feedback |
+| `feedback-events` | Initial appearance and onPress feedback |
+
+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.