Storybook and Testing
summary
Storybook now turns stories into runnable tests: composeStories packages decorators and props so tests reuse story setups, the new play function runs interaction steps in a real browser, and an interactions addon visualizes each step. A Storybook test runner powered by Jest and Playwright converts every story into parallel tests, enables cross‑browser checks and axe accessibility scans, and provides click to debug reproducible URLs that open the failing story with playback so failures are inspected visually.
AI-written summary · about
chapters (7)
- 0:00Introduction to Storybook
- 1:25The challenges of UI testing
- 2:21Anatomy of component testing
- 4:20Leveraging stories for tests
- 8:01Interactive browser testing
- 10:40Automating with the test runner
- 13:30Advanced features and closing
related talks
24mStorybook Vitest
27mTesting design systems using storybook + Storybook 7.0 sneak peeks
19mStorybook embedding
24mCost-Effective Testing with Storybook and Playwright in Vue Applications
31mA Beginner’s Guide To Storybook
40mLove Story: Testing angular components with Storybook and Playwright
28mState of Storybook 7
38mReact-Storybook: Design, Develop, Document and Debug your React UI components