27 articles tagged “Visual Testing”
Cypress takes screenshots but does not compare them. The open-source plugins and hosted services that add visual regression testing, and how to set one up.
Drupal 10 reaches end of life on 9 December 2026. A practical plan to upgrade to Drupal 11 and check every page before you deploy it.
Why Playwright toHaveScreenshot() passes locally and fails in CI, and how to fix it: the official Docker image, matching versions, fonts, animations and masks.
A step-by-step way to test WordPress plugin updates on staging with before-and-after screenshots, plus the hosts and tools that check updates visually for you.
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.
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.
Playwright visual testing with toHaveScreenshot(): baselines, stable screenshots, pixelmatch thresholds, reading the visual diff, Docker and CI. Updated for 1.64.
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.
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.
Can AI automate visual testing? What the models actually do, the real benefits, what stays deterministic, and what to ask vendors, with the numbers.
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.
The common responsive breakpoints for 2026 with October 2026 device data, what breaks at each width, the testing tools, and how to screenshot every breakpoint on deploy.
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.
Diffy AI reads every changed screenshot in a comparison and writes one plain-English summary, split into Critical and Minor changes. Available on request.
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.
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 regression testing sits between manual QA and automated tests. When it makes sense, what to test, and why good screenshots are hard.
Elementor sliders, countdowns and Lottie animations cause false positives. Here are the JavaScript snippets that stabilise each widget type.
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.
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.
Two ways to use a baseline set of screenshots in visual regression testing: ongoing site monitoring, and faster pull request reviews.
How to reach elements inside shadow DOM with jQuery, so you can open menus and search boxes before taking visual regression screenshots.
How to bring a design system into your Drupal theme, comparing Storybook, Emulsify, UI Suite, Wingsuit and ready-made component libraries.
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.
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.
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.
How to run visual regression testing against a Patternlab component library in Drupal and catch regressions across every component at once.
