Visual Regression Testing for AI Coding Agents
How to stop Claude Code, Cursor or Codex from shipping broken UI: give the agent a visual check it can run, read and report on, locally and in CI.
Visual TestingAIClaude Code
Visual Testing
23 articles tagged “Visual Testing”
-
-
The Visual Bugs That Reach Production: 100 Real Cases
We took 100 differences that website teams marked as bugs and sorted them into nine categories. Most were small things that moved. Two were error pages.
Visual TestingTestingQA -
Playwright Visual Regression Testing: A Practical Guide
Set up Playwright visual regression testing with toHaveScreenshot(): baselines, masking, stable screenshots, thresholds, multiple viewports and running it in CI.
Visual TestingPlaywrightAutomation -
Screenshot Testing: How to Get Reliable Results
Screenshot testing works only when the same page gives the same image twice. How to capture reliably, what to compare, and how to tell flake from a real bug.
Visual TestingTestingScreenshots -
The Best Visual Regression Testing Tools in 2026
Open-source and hosted visual regression testing tools compared on price, free tiers and what they actually screenshot. Every figure from the vendor's own page.
Visual TestingTestingTools -
AI Visual Testing: What It Actually Does (and Doesn't)
Every visual testing tool now advertises AI. What the models actually do, what stays deterministic, and where AI still gets it wrong, with the numbers.
AIVisual TestingTesting -
Visual Regression Testing for Upsun Pull Requests
Visually test every Upsun preview environment: a GitHub Action starts a Diffy comparison with production, and the result lands on the pull request as a check.
UpsunGitHubCI/CD -
Responsive Design Testing: Breakpoints Checklist and Tools
Which breakpoints to test in 2026 (with device data), what breaks at each one, manual vs automated testing, the tools, and how to screenshot every breakpoint on every deploy.
Visual TestingTestingAutomation -
Website Migration Testing Checklist (with Visual QA)
A practical website migration testing checklist: build the URL inventory, verify redirects and content, compare every page visually at every breakpoint, and keep monitoring after launch.
Visual TestingTestingDrupal -
Diffy AI Summary: Visual Diffs Explained in Plain English
Diffy AI reads every changed screenshot in a comparison and writes one plain-English summary, split into Critical and Minor changes. Available on request.
Visual TestingAITesting -
Claude Code Visual Regression Testing: Diffy Plugin and Skills
Install the open-source Diffy plugin for Claude Code: ten skills that let the agent screenshot your pages, compare them with a baseline and report what changed.
Visual TestingClaude CodeAI -
AI Screenshot Checks: Recommendations For Better Screenshots
Diffy's AI check catches cookie banners, CDN challenge pages, unloaded media and broken layouts before they turn into false positives in your results.
Visual TestingAITesting -
Visual Regression Testing: When and What to Test
Visual regression testing sits between manual QA and automated tests. When it makes sense, what to test, and why good screenshots are hard.
Visual TestingTestingDrupal -
Stabilize Elementor Sites for Visual Testing
Elementor sliders, countdowns and Lottie animations cause false positives. Here are the JavaScript snippets that stabilise each widget type.
WordPressElementorVisual Testing -
Hide Drupal Test Pages from Visitors by IP Address
Build a Drupal style guide page combining all your UI elements, then restrict it by IP address so only your visual testing tool can reach it.
DrupalVisual TestingStyle Guide -
SVG with GIF inside. How to freeze the animation?
You can embed an animated GIF inside an SVG, which makes freezing the animation tricky. Here is the JavaScript snippet we use to stop it.
SVGGIFVisual Testing -
Visual Regression Baselines: Monitoring vs. PRs
Two ways to use a baseline set of screenshots in visual regression testing: ongoing site monitoring, and faster pull request reviews.
Visual TestingBaselineWorkflow -
Dealing with ShadowDOM with jQuery
How to reach elements inside shadow DOM with jQuery, so you can open menus and search boxes before taking visual regression screenshots.
JavaScriptjQueryShadow DOM -
Drupal Design Systems: Storybook, Emulsify & More
How to bring a design system into your Drupal theme, comparing Storybook, Emulsify, UI Suite, Wingsuit and ready-made component libraries.
DrupalDesign SystemsVisual Testing -
Regression Testing: Your Step-by-Step Action Plan
A step-by-step regression testing plan for a website you did not build, including how to prioritise tests, plus two real-world worked examples.
Visual TestingTesting -
12 Common Visual Bugs Automated Testing Catches
The visual bugs you can catch by eye and the ones you cannot, based on the regressions we see most often across the sites Diffy tests daily.
Visual TestingTesting -
Visual Testing False Positives: 5 Ways to Fix Them
Why visual tests flag changes that aren't bugs, and five fixes: mask elements, hide them with CSS, freeze animations, use content fixtures and sync environments.
Visual TestingTesting -
Visual Testing of Patternlab and Drupal
How to run visual regression testing against a Patternlab component library in Drupal and catch regressions across every component at once.
DrupalVisual TestingTesting