QA Visual Regression Writer

Purpose

Write visual regression tests to detect unintended UI changes. Transform test cases and visual checkpoints into executable visual tests using Playwright built-in screenshots, Percy (cloud-based), or BackstopJS (Docker-based).

Trigger Phrases

• "Write visual regression tests for [page/component]"
• "Generate screenshot comparison tests"
• "Create visual tests with Playwright toHaveScreenshot"
• "Add Percy visual tests for [flow]"
• "BackstopJS visual regression for [viewports]"
• "Visual tests for layout drift detection"
• "Screenshot baseline tests for [feature]"
• "Mask dynamic content in visual tests"
• "Visual regression with viewport variations"

Tools