GGateTest

ModulesWeb & UX

Visual Regression

Full-page screenshot diffing at desktop + mobile widths against a stored baseline — catches redesigns and broken layouts no DOM check can see.

One of 122 modules in the GateTest scan suite. Catches the issue before it reaches code review, and on paid tiers opens a pull request with the fix already written.

gatetest --module visualRegression
18.4% of pixels changed on /pricing (mobile) — exceeds 5% threshold

Why we catch it

Surfacing the user-visible problems static analysis usually pretends don't exist.

The Visual Regression module sits in this category alongside 6 related modules. Together they form one of the layers of a GateTest scan — checks fire in parallel, findings cluster by root cause, and on paid tiers the AI auto-fix loop reads each finding, writes the fix, validates against the scanner, and opens a PR.

How GateTest covers visual regression

  • Runs against a live URL where a browser is available. The CLI and the GitHub Action, against a live URL. It needs a real browser, and the hosted website scan ($29 full report) does not have one yet — the hosted report marks this check as not run rather than pretending; it lights up there when the browser worker ships. No additional configuration.
  • Free CLI. npm i -g @gatetest/cli && gatetest --crawl https://your-site.example --module visualRegression against a site you own. No paywall on the scanning itself.
  • AI auto-fix PR. Live-URL findings come with plain-English fix instructions. Auto-fix pull requests are for repository findings on the Scan + Fix and Forensic tiers.
  • Honest confidence rating. Findings come with high / medium / low confidence so noisy patterns don't block the gate. The confidence-calibrator trainer reads customer suppressions and tightens rules over time.

Scan your repo for visual regression

Free preview of the headline findings. Pay per scan, not per seat — one-time scans never auto-renew.

Frequently asked questions

What does the Visual Regression module catch?

Full-page screenshot diffing at desktop + mobile widths against a stored baseline — catches redesigns and broken layouts no DOM check can see. Example finding: 18.4% of pixels changed on /pricing (mobile) — exceeds 5% threshold

Does GateTest fix Visual Regression issues automatically?

Live-URL findings ship with plain-English fix instructions and, where the platform allows it, a generated config file. Auto-fix pull requests are written for repository findings on the Scan + Fix ($199) and Forensic ($399) tiers.

Which tiers include the Visual Regression module?

The CLI and the GitHub Action, against a live URL. It needs a real browser, and the hosted website scan ($29 full report) does not have one yet — the hosted report marks this check as not run rather than pretending; it lights up there when the browser worker ships.

Can I run the Visual Regression module from the CLI for free?

Yes — install with `npm i -g @gatetest/cli` and run `gatetest --crawl https://your-site.example --module visualRegression`. The local CLI is free; paid tiers add AI auto-fix and the cross-finding correlation work.

Related modules in Web & UX

Comparing GateTest to another tool?