Playwright Visual Regression Testing

Compare UI screenshots pixel-by-pixel against a baseline. Catch unintended visual changes. Built on @playwright/test — no third-party services.

Baseline capture → Code change → Re-run → HTML diff report
     ✅                 🛠️           ▶️          🔍

Working directory: All commands run from the project root — the directory containing package.json. Do not cd between steps.

Package manager: This skill uses npm. If your project uses yarn or pnpm, adapt install and CI commands accordingly.

Step 1: Check State

Run all three commands, then use the table to choose your workflow.