visual-regression-guardian

Playwright visual regression tests prevent UI drift by automating baseline generation, capturing screenshots across key routes and states, and comparing diffs to enforce snapshot policies. This skill scaffolds the suite, configures multi-viewport coverage, and wires test execution artifacts into CI.

Playwright visual tests support multi-viewport coverage across desktop, tablet, and mobile layouts. The skill configures baseline screenshots for each viewport and compares them during test execution to detect responsive UI drift across different screen sizes.

Visual regression baselines integrate into CI pipelines by enforcing Playwright configuration and snapshot policies during automated test execution. The skill generates baseline artifacts and wires them into downstream CI workflows to run visual diffs on pull requests.

Managing Playwright screenshot baselines involves capturing initial screenshots across routes and viewports, then comparing subsequent changes against them. This skill automates baseline generation and enforces snapshot policies to track visual changes when adding new features.

Playwright is required to configure visual regression testing for UI drift. The skill automates Playwright configuration, snapshot policies, and test execution artifacts, relying on the framework to capture and compare screenshots across multiple viewports and routes.

Visual regression testing fails when UI components change unexpectedly because the captured screenshots no longer match the stored baselines. This skill uses Playwright to generate baselines and enforce snapshot policies, detecting visual drift across key routes and states.