Visual Regression Testing Skill

Purpose

Detect unintended visual changes in UI through automated screenshot comparison.

How It Works

1. Capture baseline screenshots of components/pages
2. Run tests to capture new screenshots
3. Compare against baselines pixel-by-pixel
4. Flag differences for review
5. Update baselines when changes are intentional

Tools

Playwright Visual Comparisons

import { test, expect } from '@playwright/test';