Add Button visual regression tests (#59345)

Summary:
Pull Request resolved: #59345

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

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

Changelog: [Internal]

Reviewed By: Abbondanzo

Differential Revision: D126723207

fbshipit-source-id: 5e0c480ab709b0e15eaf4884d711c20133cc5370

Author: cortinico

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

@@ -0,0 +1,58 @@
+appId: ${APP_ID}
+---
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ButtonExample/default-styling
+- extendedWaitUntil:
+    visible:
+      id: 'example-container'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/button/default-styling/default
+    cropOn:
+      id: 'example-container'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ButtonExample/disabled
+- extendedWaitUntil:
+    visible:
+      id: 'example-container'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/button/disabled/default
+    cropOn:
+      id: 'example-container'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ButtonExample/color-red
+- extendedWaitUntil:
+    visible:
+      id: 'example-container'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/button/color-red/default
+    cropOn:
+      id: 'example-container'
+- runFlow:
+    file: ../helpers/open-example.yml
+    env:
+      EXAMPLE_URL: rntester://example/ButtonExample/two-buttons-flexbox
+- extendedWaitUntil:
+    visible:
+      id: 'example-container'
+    timeout: 15000
+- waitForAnimationToEnd:
+    timeout: 5000
+- takeScreenshot:
+    path: ${VISUAL_OUTPUT_DIR}/button/two-buttons-flexbox/default
+    cropOn:
+      id: 'example-container'

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

@@ -0,0 +1,10 @@
+# Button visual tests
+
+| Example | Checkpoints |
+| --- | --- |
+| `default-styling` | Initial rendering |
+| `disabled` | Initial rendering |
+| `color-red` | Initial rendering |
+| `two-buttons-flexbox` | Initial rendering |
+
+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.