Read the full announcement: chromatic.com/blog/quarantine-flaky-tests (5/5)
@chromatic.comChromatic
@chromatic.com
Our mission: to improve the UX of the Internet. Core maintainers of Storybook and makers of Chromatic.
@chromatic.com@chromatic.comIn Library > Quarantined, you can see each test’s issue rate. Fix the flake, remove quarantine, and put the test back to work. While quarantined, it won’t catch regressions. (4/5)
@chromatic.comThe test doesn’t disappear. Quarantined diffs show up in the build’s Unstable group, alongside tests caught by the automatic flake filter. Expand the group to inspect them. (3/5)
@chromatic.comChromatic keeps capturing snapshots for quarantined tests, but ignores their diffs across builds, branches, and users. So the same flaky diff won’t keep showing up for review. (2/5)
@chromatic.com📣 New in Chromatic: Quarantine for flaky tests You can now quarantine the flaky diffs that slip past Chromatic’s automatic filter. Quarantine the test from its build or test page to get your PR moving. 🧵⤵️ (1/5)
@chromatic.com@chromatic.comOur new @vitest.dev plugin turns the tests you already have into visual tests.
📖 No Storybook required
✍️ No changes to your test code
Join @ariperkkio.dev, the Vitest core maintainer who built it, and @kylegach.com live tomorrow. 🧪
🎟️ Save your spot 👇
@chromatic.com👉 Register here: us02web.zoom.us/webinar/regi...
@chromatic.com@vitest.dev already renders your components in a real browser. Now you can visually test them there, with no test code changes.
🎙️ @ariperkkio.dev, the Vitest core maintainer who built our new plugin, is doing a live walkthru with @kylegach.com to show you how.
🎟️ Save your spot 👇
@chromatic.com📖 Read the full release: www.chromatic.com/blog/introdu... (4/4)
@chromatic.comRun your tests as usual. Chromatic then: ✔️ Compares snapshots across stable cloud browsers ✔️ Runs every browser and viewport in parallel ✔️ Surfaces visual changes in your PR for team review ✔️ Stores the full rendered UI behind every diff (3/4)
@chromatic.comVitest core maintainer, @ariperkkio.dev, built the plugin around Browser Mode tests. As your tests run, Chromatic captures a web archive of each result: the HTML, CSS, JS & assets behind the UI. When something is off, open that exact state in a browser instead of debugging a flat screenshot. (2/4)
@chromatic.comChromatic for @vitest.dev Browser Mode is live. 🧪📸
Browser Mode runs your component tests in a real browser. Now Chromatic checks how those components look by capturing the rendered UI.
No new screenshot assertions. No second suite to maintain. 🧵 (1/4)
@chromatic.comiOS is now available for React Native visual testing on Chromatic 📱
Chromatic now builds your Storybook app for iOS and runs your visual tests on the iOS simulator.
👉 Request beta access to get started: share.hsforms.com/1Bjqi15TSS3m...
@chromatic.comGet first access to our @vitest.dev plugin, which adds Chromatic’s visual testing and review to your browser tests. It’s built by @ariperkkio.dev, a Vitest core maintainer.
It’s free to use while in beta and requires no changes to your test files.
Read on for more info 🧵
@chromatic.comWe’re launching early access for Vitest visual testing with Chromatic! ⚡️
Built with @vitest.dev core maintainer ariperkkio.dev, Chromatic adds visual testing to the browser tests you already write. 🧵 (1/4)
