Pinpoint visual bugs down to the pixel
Visual test every component and page to detect UI bugs down to the pixel. Every commit is automatically tested for appearance changes in the cloud.
“Chromatic has been indispensable since the day we added it. It has really increased the confidence and speed with which we merge changes 💯”
How does visual testing work?
Visual testing scans UI changes for appearance bugs by taking a pixel-perfect snapshot of your UI, complete with styling and static assets. As you commit code, new snapshots are captured and compared to baseline snapshots.
Powered by your Storybook stories
Stories capture all states and variations of components. They’re a pragmatic, reproducible way to keep track of UI test cases. Chromatic uses these stories to power visual tests. The best part is that it just works - no configuration necessary.
Why use Storybook? Every piece of UI is now a component. The superpower of components is that you can render a specific variation in isolation by passing in props and mocking APIs and events. Save these variations in a reproducible format called stories using Storybook.
Chromatic is built and maintained by the team behind Storybook. Together, they turn your components and pages into an powerful yet pragmatic way to develop, test, and documenting UI.
“The more things we have in Storybook, the more coverage we get in Chromatic.”
Spot the visual differences
Detect visual changes in components down to the tiniest detail. Verify UI changes to color, position, scale, and layout to catch accidental bugs.
“Visual diffs make changes apparent and unmistakable... Chromatic has been extremely useful and confidence-inspiring.”
Review and merge changes
Approve changes in a glance using Chromatic’s web-based merge manager. Get timely test notifications in your Git and CI tool.
+ SSO/SAMLFrequently asked questions
“I really believe Chromatic was the last missing block to really perform visual regression testing. In an era where front-end development tools got more and more visual, testing interfaces had to inherently become visual: this is Chromatic.”
