Phil Glass
Monzo
Happo allows us to make changes to components used on hundreds of screens and upgrade core UI dependencies with confidence. It has been a big productivity boost over our previous workflow.
Visual testing with Happo and Cypress
Enhance your Cypress tests with visual regression testing and accessibility regression testing. Catch UI regressions and new accessibility violations in pull requests with stable, cross-browser results.
Easy integration
Integrate Happo with Cypress in minutes. Use your existing tests and inject Happo screenshots for key UI states.
View setup instructionsStable & cross-browser
Happo captures screenshots in real browsers — Chrome, Firefox, Safari, Edge and iOS Safari. We parallize test runs across our large fleet of browsers to give you fast results.
Learn about browsersResponsive testing
Tell Happo to take screenshots in different viewport sizes. This will ensure your UI looks good no matter what device they are rendered on.
Configure viewport sizesCI integration
With minimal setup, Happo will run with your Cypress tests in your CI/CD pipeline. We support GitHub, Bitbucket, Azure, CircleCI, and more.
CI integration docsLess flake
Happo will automatically silence animations, wait for asynchronous assets, fonts, and more. And you can specify a color-delta tolerance for visual changes so that you don't have to worry about minor differences.
Learn how to silence flake
Adam Neary
Airbnb
Happo is a straight up life-saver. How many times did you think your change was contained only to discover that ten other teams started using what you built, and your change breaks three of the ten? Without Happo, you might not know.
Denitsa Kulezich
Happo supports the latest versions of most browsers and emulators. Their speed of image comparison is impressive. They also have GitHub and CI integration and plugins to support Storybook and Cypress directly.
Spot differences with ease
Happo's set of tools make it easy to spot differences between screenshots. When side by side isn't enough, the Diff view will highlight exactly where the change is located, and the swipe view allows you to quickly switch between the before and after.
To reduce noise, you can set a color-delta tolerance for visual changes. Happo will then treat changes below this threshold as noise and ignore them. This is great for image compression noise, anti-aliasing, and other minor differences.
Cypress screenshot testing without the flake
Cypress makes it easy to validate your app’s behavior. Add screenshot testing (visual regression testing) to catch UI changes that slip through assertions—spacing, styling, responsive layout, and subtle regressions across browsers.
Happo integrates into your Cypress workflow so you can capture screenshots for key states, run in real browsers, and review diffs in CI on every pull request.
Add accessibility regression testing to the same runs—without writing any new tests—to catch new accessibility violations before they reach production.
FAQ
What is Cypress visual regression testing?
Cypress visual regression testing captures screenshots from Cypress tests and compares them to a baseline to catch unintended UI changes.
When should I add visual testing to my Cypress suite?
Visual checks are most valuable for high-impact flows and components where appearance matters—checkout, dashboards, navigation, and responsive layouts—especially when multiple teams change UI.
Does Happo do accessibility testing too?
Yes. Happo includes accessibility regression testing that you can enable alongside your existing screenshot runs—no need to write new tests—so you can catch new accessibility violations alongside visual changes.
How do you keep Cypress screenshot tests stable?
Happo helps reduce flake by silencing animations, waiting for assets and fonts, and letting you configure tolerances so tiny rendering noise doesn’t fail builds.
Does this work in CI and on pull requests?
Yes. Add Happo to CI to generate review links for diffs on every pull request, making visual changes easy to approve.