Run Playwright or Percy visual snapshots on UI changes; fix unintended diffs until baselines match intentionally.
Run visual regression tests. List screenshots that differ from baseline with component names.
If diffs are bugs, fix CSS/markup. If intentional, update snapshots only after verifying in report.
Visual regression tests pass with approved baselines
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.