Add View visual regression tests (#59339)

Summary:
Pull Request resolved: #59339

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

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

Changelog: [Internal]

Reviewed By: Abbondanzo

Differential Revision: D126723201

fbshipit-source-id: 21aa6eb2f9fc97d2fc4d568ebd19216f690e41f2

Author: cortinico

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

@@ -0,0 +1,66 @@
+appId: ${APP_ID}
+---
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ViewExample/opacity
+- extendedWaitUntil:
+    visible:
+      id: 'view-test-opacity'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/view/opacity/default
+    cropOn:
+      id: 'view-test-opacity'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ViewExample/overflow
+- extendedWaitUntil:
+    visible:
+      id: 'view-test-overflow'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/view/overflow/default
+    cropOn:
+      id: 'view-test-overflow'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ViewExample/flexgap
+- extendedWaitUntil:
+    visible:
+      id: 'view-test-flexgap'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/view/flexgap/default
+    cropOn:
+      id: 'view-test-flexgap'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ViewExample/z-index
+- extendedWaitUntil:
+    visible:
+      id: 'z-index-button'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/view/z-index/default
+    cropOn:
+      id: 'z-index-button'
+- tapOn:
+    id: 'z-index-button'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/view/z-index/reordered
+    cropOn:
+      id: 'z-index-button'

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

@@ -0,0 +1,10 @@
+# View visual tests
+
+| Example | Checkpoints |
+| --- | --- |
+| `opacity` | Initial rendering |
+| `overflow` | Initial rendering |
+| `flexgap` | Initial rendering |
+| `z-index` | Initial and reordered stacking |
+
+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.