Visual Regression Until Match
Run Playwright or Percy visual snapshots on UI changes; fix unintended diffs until baselines match intentionally.
Kickoff prompt
Start the "Visual Regression Until Match" loop.
Goal: visual regression suite passes with intentional UI only
Max iterations: 6
Between iterations run: npx playwright test --grep @visual
Exit when: visual tests exit 0
Step 1: Run visual tests. Fix unintended UI diffs; update baselines only for deliberate design changes.
Self-pace this loop. After each iteration, run the check command, read the output, and only continue if the exit condition is not met. Stop when the exit condition passes or max iterations is reached. Give a short status update each pass.Basic information
Category
Testing
Goal
visual regression suite passes with intentional UI only
Max iterations
6
Check command
npx playwright test --grep @visual
Exit when
visual tests exit 0
Supported agents
Cursor
Steps
- 1
Run visual tests
Run visual regression tests. List screenshots that differ from baseline with component names.
npx playwright test --grep @visual - 2
Fix or approve
If diffs are bugs, fix CSS/markup. If intentional, update snapshots only after verifying in report.
More Testing loops
Build Until Green
Run the production build, fix compile and bundling errors, and loop until the build succeeds.
Coverage Until Threshold
Add focused tests until coverage meets your threshold (e.g. 80%), without changing production behavior unnecessarily.
Pre-Commit Guard
Hook that runs tests before git commit commands to block commits when the suite is red.
Post-Edit Test Guard
Hook-based loop that runs related tests after file edits to catch regressions early.
Format Until Clean
Run the formatter, fix any remaining style issues, and loop until the codebase formats cleanly with no diffs.
Flaky Test Triage
Run failing tests repeatedly, classify each failure as flaky or real, and fix only confirmed regressions.