Visual Regression Tester

Set up visual regression testing to automatically catch unintended UI changes across your application.

Usage

Describe your UI testing needs and this skill will configure visual regression testing.

Examples

• "Set up Percy for visual regression testing in my React app"
• "Configure BackstopJS to test responsive layouts at multiple breakpoints"
• "Add visual regression tests to my Storybook components"

Guidelines

• Capture screenshots at multiple viewport sizes
• Set appropriate diff thresholds to avoid false positives
• Stabilize animations and dynamic content before capture
• Review visual changes as part of the pull request process
• Maintain baseline images in version control or a dedicated service