How to Test UI AUTOMATICALLY — Storybook and Chromatic

Let's explore the three core features of Chromatic, a platform designed to help teams ship high-quality UIs faster. Join @chantastic to learn about:

UI Test: Chromatic provides advanced, reliable visual testing tools that run in real browsers, without writing imperative tests, to catch visual regressions before users do.

UI Review: A cross-functional collaboration tool that opens the PR process to everyone in your organization, technical or not, enabling designers, managers, and other stakeholders to join the conversation.

Publish: Securely share your Storybook with access control built right in, and even embed stories directly into shared documentation and publishing tools like Notion, Medium, or WordPress.

We'll walk you through setting up a project, conducting UI tests, gathering cross-functional feedback, and publishing your Storybook. By the end, you'll have a better understanding of how Chromatic can empower your team to ship UI faster and more confidently.

## CHAPTERS
00:00 Intro to Chromatic
00:38 Set up Chromatic
01:56 UI Test
05:11 UI Review
07:02 UI Test or UI Review, which is for you?
07:44 Publish
09:47 Review
10:33 Learn more…

## LINKS

## SOCIALS

Follow chantastic:
YouTube: @chantastic

## OFFER
Get a $500 credit for automated visual testing. Signup to Chromatic with promo code DAY.

[dominicnguyen]

Breaking down the difference between UI Tests and UI Review was super helpful ❤

[NurhanBabazade]

This is such a clear and helpful explanation! Appreciate this video!! 😍

[patricknelson]

Love this vertical integration between dev and design. We're already deeply intertwined, so it's great to see tools that help unify and streamline this process.

That said: We're only _just now_ adopting modern component frameworks in our legacy codebase. This looks _awesome_ and seeing tools like these is inspiring; it's good to know that this work isn't in vein. The future of web dev looks bright!

[dmytros]

@Chromatic when do we start to use Figma frames as additional bitmaps to compare with storybooks in pull requests?
Miss it so much!

[ismeetchhabda]

I am unable to join the discord community, could you please share the updated link. Thanks!!