Visual Regression Test

Definitions

1. An automated test that captures screenshots of a UI component or page and compares them pixel-by-pixel (or perceptually) against approved baseline images to detect unintended visual changes. Tools like Percy, Chromatic, and BackstopJS typically run these in CI against multiple viewport sizes and browsers.

   In plain English: An automated test that takes screenshots of your app and compares them against saved reference images to catch accidental visual changes.

   Example: "The visual regression test caught that the padding change in the button component cascaded and broke the layout of the checkout page."

Related Terms

• Integration Testing
• Snapshot Testing
• Flaky Test
• SAST
• Nightly Build
• Matrix Build
• Regression Test
• Suite
• Test Coverage
• Test Runner