Visual regression tests break when images change between runs. This preset generates deterministic PNG placeholders — committed to the repository and color-coded by test state — that produce identical baselines in every CI run.
| Name | Dimensions | Description |
|---|---|---|
| dashboard | 1440x900 | Dashboard — 1440×900px, full-page dashboard screenshot baseline |
| state_pass | 1280x720 | Pass state — 1280×720px, green-coded fixture for passing test states |
| state_pending | 1280x720 | Pending state — 1280×720px, amber-coded fixture for in-progress states |
| state_alert | 1280x720 | Alert state — 1280×720px, red-coded fixture for failing or alert states |
| widget | 640x480 @2x | Widget — 640×480px @2x, high-DPI widget component fixture |
Percy, Playwright, and Cypress all compare screenshots pixel-by-pixel. A single changed image fails a visual test and wastes engineering time on false positives. The moment you replace dynamic image sources with committed fixture images, your visual test suite becomes genuinely reliable — only real UI changes produce diffs.
Route image requests in Playwright tests to committed fixture files. The page renders identically on every run, making toHaveScreenshot() assertions reliable.
Replace dynamic image URLs with committed fixture references before Percy snapshots. Your baselines will never change unless you deliberately update the fixtures.
Commit this fixture set to your repository and reference it in your test setup. Every CI runner gets the same images without making network requests.
Ready to generate Visual Regression placeholder images?
Open the generator with this preset pre-loaded and download your pack in seconds.