Visual testing guides, comparisons and resources

Practical guides to visual regression testing, website QA and localization testing, plus honest comparisons with the other tools you may be evaluating.

Guides

How visual regression testing, website QA and localization QA work in practice.

Playwright guide

Visual regression testing with Playwright: toHaveScreenshot() explained

Set up visual regression testing in Playwright with toHaveScreenshot(): baselines, full-page captures, masking dynamic content, thresholds and CI tips.

Cypress guide

Visual regression testing with Cypress: plugins, setup and pitfalls

Add visual regression testing to Cypress with an image-diff plugin: setup, baselines, thresholds, flakiness fixes and when to choose a hosted service.

Python guide

Python visual regression testing with Playwright and Pillow

Build a simple visual regression test in Python: capture pages with Playwright, compare with Pillow, save a diff image and run it with pytest.

Angular guide

Visual regression testing for Angular applications

How to add visual regression testing to an Angular app: page-level tests with Playwright, component snapshots with Storybook, and production monitoring.

Storybook guide

Storybook visual testing: snapshot every component state

Visual regression testing for Storybook: how component snapshots work, Chromatic and Playwright options, and why page-level monitoring is still needed.

Tool roundup

The best visual regression testing tools in 2026

Compare the best visual regression testing tools — VisualRunner, Percy, Applitools, Chromatic, BackstopJS, Playwright, Lost Pixel and Visual Regression Tracker — by workflow and fit.

Tool roundup

Website quality assurance tools: the toolkit for reliable releases

The website quality assurance tools teams use for visual QA, broken links, accessibility, performance, SEO, cross-browser and uptime — and how they fit together.

Process guide

The website QA process: a step-by-step workflow for every release

A practical website QA process: define scope, test in staging, review visually across devices and languages, sign off, release and monitor production.

Concepts

Visual testing vs functional testing: what each one catches

Visual testing checks how a page looks; functional testing checks how it behaves. Learn the differences, what each misses and how to combine them.

CI/CD guide

Visual regression testing in CI/CD pipelines

Run visual regression tests in CI/CD: when to trigger them, how to manage baselines, keep runs deterministic and connect pipelines to production monitoring.

Complete guide

Visual regression testing: the complete guide for website teams

What visual regression testing is, how pixel and DOM comparison work, how to choose baselines, which tools to use and how to review changes before and after release.

Launch checklist

Website QA checklist: what to verify before every release

A practical website QA checklist covering content, responsive layout, localization, SEO metadata, interactions and production monitoring.

Localization checklist

Localization QA checklist for multilingual websites

Review language routing, text expansion, responsive layouts, locale formats and translated content with this localization QA checklist.

Solutions

Visual QA workflows for specific platforms and kinds of website.

Compare

How VisualRunner compares with other visual testing and monitoring tools.

Alternatives

Shortlists for teams evaluating a replacement for a specific tool.