qa-visual-regression
Visual regression testing with Percy, Chromatic, Playwright screenshots and Storybook, plus chart rendering tests for Chart.js, D3 and Vega. Covers responsive breakpoint matrices, baseline conventions, and a binding baseline gate. Agents (visual-diff-classifier, visual-baseline-curator) sort diffs into intentional, incidental or regression and propose an initial baseline set.
Install this plugin
View source (opens in a new tab)/plugin install qa-visual-regression@testland-qaFirst time? Add the marketplace with /plugin marketplace add testland/qa
Plugin
- Category
- Quality engineering
- Version
v1.4.4- Contents
- 7 skills · 2 agents
Skills7
chart-render-testsUse when a dashboard renders charts that need regression tests, before a chart library upgrade or after a theme change.skillchromatic-visual-regression-testingUse when visual regression tests run on Chromatic Cloud for Storybook, Playwright or Cypress: the chromatic CLI, baselines, TurboSnap, UI Review, CI gating and reading exit codes to tell visual changes from errors.skillpercy-visual-regression-testingUse when visual regression tests run on BrowserStack Percy: @percy/cli with the Playwright, Cypress, Selenium or Storybook SDK, percy exec, viewports, masks and ignored regions, and reviewing diffs in Percy builds.skillplaywright-snapshotsUse when a project wants self-hosted visual regression tests in Playwright with no external service: toHaveScreenshot assertions, masks, clips and thresholds, per-OS and per-browser snapshot folders, --update-snapshots, and a viewport matrix across responsive breakpoints.skillstorybook-visual-regression-testingUse when a repo already has Storybook and wants a visual test per story: the hosted Chromatic addon, or the self-hosted Storybook test-runner with a postVisit hook calling Playwright's toHaveScreenshot, plus CI setup.skillvisual-baseline-conventionsUse when planning or auditing visual regression coverage: which stories or pages get baselines, which breakpoints, masking vs thresholds, when to add or drop a baseline, and how to choose between Percy, Chromatic, Playwright and Storybook test-runner.skillvisual-baseline-gateUse when visual diffs are already classified and CI needs one binding go/no-go: blocks on regressions or on intended baseline changes without sign-off from a reviewer who is not the author, fails closed when the classifier did not run, and writes visual-gate.json and .md.skill
Agents2
visual-baseline-curatorBuilder agent that proposes a coverage-optimal initial baseline set for a Storybook (or page-driven app), generates the matching engine config (Chromatic story parameters / Percy widths / Playwright projects / Storybook test-runner postVisit hook), and writes the files into the repo.agentvisual-diff-classifierAdversarial reviewer of visual regression diffs.agent
About qa-visual-regression
Visual regression testing across Percy, Chromatic, Playwright snapshots, and Storybook visual tests, plus chart-render regression (Chart.js / D3 / Vega), adversarial diff classification with a per-PR summary mode, baseline curation, and a binding CI baseline gate.