Screenshot testing for Storybook

Catch UI bugs before they reach production with automated visual testing for your Storybook components. Eliminate hours of manual QA work and maintain visual consistency across your entire component library.

Patreon logo
Plaid logo
Monzo logo
Toptal logo
ServiceNow logo
Grammarly logo
Flux logo
Chronosphere logo
Aurora logo
Dayshape logo

Easy setup

Integrate Happo with Storybook in minutes. No code changes required. Just configure the Happo plugin and go.

View setup instructions

Stable & cross-browser

Happo captures screenshots of your stories 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 browsers

Responsive testing

Tell Happo to take screenshots in different viewport sizes. This will ensure your stories look good no matter what device they are rendered on.

Configure viewport sizes

CI integration

Add Happo to your CI pipeline and get visual feedback on every pull request. Supports GitHub, Bitbucket, Azure, CircleCI, and more.

CI integration docs

Less 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
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.

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.