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
- Chromatic https://www.chromatic.com/
- Chromatic Embeds video    • Your Storybook EVERYWHERE | Embeds wi...  
- Vibe Design System, by monday.com https://style.monday.com
- Vibe no Storybook Component Encyclopedia https://storybook.js.org/showcase/mon...
- Storybook at https://learnstorybook.com/
- Storybook addons at https://storybook.js.org/addons
- Component driven UI development at https://www.componentdriven.org/


SOCIALS
Discord:   / discord  
Twitter:   / storybookjs  
GitHub: https://github.com/storybookjs/storybook

Follow chantastic:
YouTube: ‪@chantastic‬
Twitter:   / chantastic  

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