Skip to content

Commit 444fcf6

Browse files
cortinicometa-codesync[bot]
authored andcommitted
Add Border visual regression tests (#59343)
Summary: Pull Request resolved: #59343 Add a Maestro visual suite for `Border` using existing RNTester examples. Capture stable cropped checkpoints after opening each example and settling animations. See `packages/rn-tester/visual-tests/suites/border.md` for the example and checkpoint inventory. Changelog: [Internal] Reviewed By: Abbondanzo Differential Revision: D126723202
1 parent 149bc7f commit 444fcf6

2 files changed

Lines changed: 53 additions & 0 deletions

File tree

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
appId: ${APP_ID}
2+
---
3+
- runFlow:
4+
file: ../helpers/open-example.yml
5+
env:
6+
EXAMPLE_URL: rntester://example/BorderExample/corner-radii
7+
- extendedWaitUntil:
8+
visible:
9+
id: 'border-test-corner-radii'
10+
timeout: 15000
11+
- waitForAnimationToEnd:
12+
timeout: 5000
13+
- takeScreenshot:
14+
path: ${VISUAL_OUTPUT_DIR}/border/corner-radii/default
15+
cropOn:
16+
id: 'border-test-corner-radii'
17+
- runFlow:
18+
file: ../helpers/open-example.yml
19+
env:
20+
EXAMPLE_URL: rntester://example/BorderExample/child-clipping-radius
21+
- extendedWaitUntil:
22+
visible:
23+
id: 'border-test-child-clipping-radius'
24+
timeout: 15000
25+
- waitForAnimationToEnd:
26+
timeout: 5000
27+
- takeScreenshot:
28+
path: ${VISUAL_OUTPUT_DIR}/border/child-clipping-radius/default
29+
cropOn:
30+
id: 'border-test-child-clipping-radius'
31+
- runFlow:
32+
file: ../helpers/open-example.yml
33+
env:
34+
EXAMPLE_URL: rntester://example/BorderExample/equal-width-borders
35+
- extendedWaitUntil:
36+
visible:
37+
id: 'border-test-equal-width-borders'
38+
timeout: 15000
39+
- waitForAnimationToEnd:
40+
timeout: 5000
41+
- takeScreenshot:
42+
path: ${VISUAL_OUTPUT_DIR}/border/equal-width-borders/default
43+
cropOn:
44+
id: 'border-test-equal-width-borders'
Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
# Border visual tests
2+
3+
| Example | Checkpoints |
4+
| --- | --- |
5+
| `corner-radii` | Initial rendering |
6+
| `child-clipping-radius` | Initial rendering |
7+
| `equal-width-borders` | Initial rendering |
8+
9+
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.

0 commit comments

Comments
 (0)