Verify UI functionality in the browser

Simulate user behavior like click, type, and hover to check that your UI works correctly. You can use DOM-based assertions to test, debug, and reproduce issues conveniently in your browser.

Get startedRequest demo

Made for Storybook

Run tests in the browser

Interaction tests run in the browser, the same environment you use to develop components. That makes reproductions straightforward.

Debug with browser devtools

Simplify debugging by doing it directly in browser devtools with full access to DOM, styling, and assets.

Integrates with Git and CI

Interaction test status is reported in version control & CI to keep your team in the loop.

Cross browser & responsive

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

Tests run in parallel by default

Your tests run on as many machines as needed to deliver results in the least time possible. Parallelization is automatic with no extra configuration from you.

Battle-tested in open source

Getting started with interaction testing is easy because it uses industry-standard APIs. Testing-Library simulates user events. Jest asserts DOM structures.

“Chromatic helps us to prevent at least three critical UI bugs per week that would otherwise make our platform unusable.”

Orr Gottlieb

Engineering manager

How does interaction testing work?

Components do more than just render the UI—they also fetch data and manage state. Interaction tests let you verify functionality that your users encounter by simulating user events like click, type, and hover in the browser.

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.

Example of an interaction test with multiple steps

Simulate user events with Testing Library

Assert DOM structure with Vitest/Jest

Render UI in Storybook

Find errors faster with tests dashboard

Chromatic runs your entire test suite in parallel using standardized cloud browsers every time you push code. You’ll get an overview of the status of your tests in a convenient dashboard.

Image of Chromatic dashboard with failed tests

Online merge manager

Get an online dashboard of interaction test status and visual changes for every build.

Verify tests with your team

Collaborate on verifying changes with design, product, and engineering using the online merge manager.

Share links to debug

Send teammates a link to specific instance of a component to ensure they’re referencing the exact same test you are.

“Chromatic has reduced the number of UI regressions we ship by two-thirds.”

Paul Vidal

CTO

Run, repro, debug in your browser

Run, reproduce, and debug test failures in any browser without having to run the entire test suite or needing a test environment. Debug UI issues using the real component code in full-fidelity with browser devtools. Link teammates directly to reproduction URLs.