Storybook Vitest
summary
Storybook turns stories into runnable tests using Vitest, Playwright, Axe, Mock Service Worker and Chromatic, demoing 53 component tests running live, 64 story checks in ~5 seconds, and an interactions recorder that auto-generates play functions and assertions from clicks. Stories run in watch mode, spawn Vitest browser mode, reuse MSW fixtures, and push snapshots to Chromatic visual regression where diffs are inspected and accepted or denied. Storybook 10 drops CJS and is 15% smaller.
AI-written summary · about
chapters (10)
- 0:00Introduction to testing
- 1:19Component testing layers
- 2:40Building UI with Storybook
- 4:40Running functional tests
- 7:24Accessibility testing
- 9:47Interaction testing
- 13:33Visual regression testing
- 15:34CI and test integration
- 18:33Future of Storybook 10
- 21:47AI-powered development
related talks
18mStorybook and Testing
27mTesting design systems using storybook + Storybook 7.0 sneak peeks
24mCost-Effective Testing with Storybook and Playwright in Vue Applications
32mTesting React apps like it’s 2026
27mState of Storybook 7
27mComponent-Driven Development & Visual Test Coverage
40mLove Story: Testing angular components with Storybook and Playwright
26mVisually Testing Your Components