Add ScrollView visual regression tests (#59342)

Summary:
Pull Request resolved: #59342

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

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

Changelog: [Internal]

Reviewed By: Abbondanzo

Differential Revision: D126723205

fbshipit-source-id: 8619cb1c10e549fb8dcd898a6d7365969ba2754d

Author: cortinico

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

@@ -0,0 +1,74 @@
+appId: ${APP_ID}
+---
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ScrollViewExample/scrollTo
+- extendedWaitUntil:
+    visible:
+      id: 'scroll_vertical'
+    timeout: 15000
+- tapOn:
+    id: 'scroll_to_bottom_button'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/scroll-view/scroll-to/end
+    cropOn:
+      id: 'scroll_vertical'
+- tapOn:
+    id: 'scroll_to_top_button'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/scroll-view/scroll-to/start
+    cropOn:
+      id: 'scroll_vertical'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ScrollViewExample/horizontalScrollTo
+- extendedWaitUntil:
+    visible:
+      id: 'scroll_horizontal'
+    timeout: 15000
+- tapOn:
+    id: 'scroll_to_end_button'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/scroll-view/horizontal-scroll-to/end
+    cropOn:
+      id: 'scroll_horizontal'
+- tapOn:
+    id: 'scroll_to_start_button'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/scroll-view/horizontal-scroll-to/start
+    cropOn:
+      id: 'scroll_horizontal'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ScrollViewExample/invertStickyHeaders
+- extendedWaitUntil:
+    visible:
+      id: 'scroll_sticky_header'
+    timeout: 15000
+- tapOn:
+    id: 'scroll_to_bottom_button'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/scroll-view/sticky-header/end
+    cropOn:
+      id: 'scroll_sticky_header'
+- tapOn:
+    id: 'scroll_to_top_button'
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/scroll-view/sticky-header/start
+    cropOn:
+      id: 'scroll_sticky_header'

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

@@ -0,0 +1,9 @@
+# ScrollView visual tests
+
+| Example | Checkpoints |
+| --- | --- |
+| `scrollTo` | End, then start after programmatic scrolling |
+| `horizontalScrollTo` | End, then start after programmatic scrolling |
+| `invertStickyHeaders` | End, then start after programmatic scrolling |
+
+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.