Spot bugs before users do

Stop wasting time on manual testing. Chromatic auto-tests how your UI looks and works, catching bugs in seconds. Run it in CI to catch regressions before merge.

Reuse existing tests

UI Tests build on the Storybook, Playwright, and Cypress tests you’ve already written. This dramatically reduces maintenance burden and setup.

Test the real UI

Chromatic tests the rendered code, styling, and assets that are shipped to the browser. UI Tests are as close as possible to what real people experience.

No test flake

Test in a standardized browser environment to eliminate test flake, especially when compared to other testing methods.

Coverage across browsers

Expand test coverage to Chrome, Firefox, Safari, and Edge in one click. All browsers run in parallel so your test suite stays fast.

Run tests in parallel by default

Your tests run on as many machines as needed, so results come back fast. Parallelization is automatic with no extra configuration.

"We are using Storybook in every UI layer in all of our organization. Chromatic keeps us safe and helps us ship quality & performant UI."

How it works

Every time you push code, Chromatic runs a suite of UI Tests on your code to instantly pinpoint bugs. All tests run in parallel across browsers for continuous coverage.

Test every facet of UI

UI Tests verify the appearance, accessibility, and functionality at the same time. Chromatic's cloud browsers evaluate your frontend just as users would.

UI Tests

Run tests in real browsers

Chromatic renders every possible state of your UI in a fleet of cloud browsers to check for bugs and errors.

  • Chrome
  • Safari
  • Firefox
  • Edge

Merge and ship

UI Tests get a pull request check in your Git provider. Pass the check to get certainty that your work is ready for production.

Fast and flake-free tests

Run thousands of tests in parallel with no slowdowns, no false positives, and no headaches. Chromatic keeps your CI pipeline lightning-fast and stress-free.

Chromatic’s Capture Cloud renders and tests all your stories in parallel. Tests use as many concurrent machines as needed to deliver results in the least time.

“Chromatic has been indispensable since the day we added it. It has really increased the confidence and speed with which we merge changes 💯”

Test results, simplified

Focus on what matters, skip what doesn’t. Chromatic’s dashboard flags tests that need review and lets you easily share them with teammates to get quick feedback.

See UI test status at a glance. Get a report of visual changes, interaction errors, failed assertions, and render issues. Each report includes steps to reproduce and environment information.

Debug locally and with your team

UI Tests run in real browsers to simplify reproductions. Write your tests using industry-standard JavaScript APIs. Debug issues with your own browser devtools. Share reproductions with your teammates.

Fully-inspectable components. Reproductions are easier than ever with fully-inspectable DOM, styling, and assets uploaded with each test.

Connect Slack, Figma, and webhooks

Send build notifications to Slack, link stories in Figma, and trigger custom workflows with webhooks.

“Chromatic is a valuable addition to our testing toolset. It helps us catch UI bugs a lot quicker and easier!”

Frequently asked questions

  • Why run UI Tests in the cloud?
  • How is this compared to Selenium, Cypress, or Playwright?
  • Does Chromatic replace Jest or Enzyme?
  • Can I get rid of my BrowserStack or Sauce subscription?
  • How is UI Tests different than UI Review?

“Chromatic has supercharged our PR reviews, making it easy to see visual changes at a glance. We have also come to rely on it to catch unintended style changes and regression bugs in our components.”