Performing Visual Regression Testing
SKILL.md
Overview
This skill empowers Claude to automatically detect unintended UI changes by performing visual regression tests. It integrates with popular visual testing tools to streamline the process of capturing screenshots, comparing them against baselines, and identifying visual differences.
How It Works
- Capture Screenshots: Captures screenshots of specified components or pages using the configured visual testing tool.
- Compare Against Baselines: Compares the captured screenshots against established baseline images.
- Analyze Visual Diffs: Identifies and analyzes visual differences between the current screenshots and the baselines.
When to Use This Skill
This skill activates when you need to:
- Detect unintended UI changes introduced by recent code modifications.
- Verify the visual consistency of a web application across different browsers or environments.
- Automate visual regression testing as part of a CI/CD pipeline.