Suggest an editImprove this articleRefine the answer for “What does a visual regression test do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)A **visual regression test** compares the interface's appearance "before" and "after" a code change: it takes a new UI screenshot, compares it with the reference (baseline) and fails if the images differ. **Key point:** the test protects the product's design from unexpected visual bugs by showing exactly where changes occurred, such as a shifted layout or moved buttons.Shown above the full answer for quick recall.Answer (EN)ImageA visual regression test **compares the interface's appearance "before" and "after" a code change** to detect unintended visual changes. It takes a new screenshot of the UI and compares it with the reference (baseline). If the images differ, the test fails and shows exactly where the changes occurred. In other words, such a test answers the question: > **"Did the interface's appearance break after the latest edits?"** It helps detect a regression, for example: - the layout shifted - spacing disappeared - an element vanished - buttons moved - the font or color changed Thus, a visual regression test **protects the product's design from unexpected visual bugs** that can appear after updating components, CSS, libraries or refactoring.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.