Visual Testing

Visual regression testing — detecting unintended UI changes automatically.

When to Activate

• Setting up visual regression testing for a UI project
• Choosing between Chromatic, Percy, and Playwright screenshots
• Configuring baseline management (when to update, when to flag)
• Debugging flaky visual tests (antialiasing, font loading, animations)
• Integrating visual tests into CI/CD pipeline
• Preventing cross-platform baseline drift caused by macOS vs. Linux font rendering differences
• Masking dynamic content (timestamps, user avatars, random banners) to eliminate false positives

Concept: Visual Regression Testing

Visual regression testing captures screenshots and compares them against a baseline — flagging any visual change for review.