Pixel Perfect

Note: Use pixel-perfect by default (free); use visual-regression-tester when you need hosted Chromatic integration.

Step 1: Check State

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

ls playwright.config.ts 2>/dev/null && echo "CONFIG_EXISTS" || echo "CONFIG_MISSING"
find snapshots/ -name "*.png" 2>/dev/null | head -1 | grep -q . && echo "BASELINES_EXIST" || echo "BASELINES_MISSING"
curl -s -o /dev/null -w "%{http_code}" --max-time 5 http://<app-host>:<port> 2>/dev/null | grep -q "^2" && echo "SERVER_OK" || echo "NO_SERVER"

If your dev server runs on a port other than 3000, adjust the URL in the curl command above.