Test your UI in the REAL Browser

on YouTube ↗21m

" summary

Storybook 6.4 demonstrates building interactive stories that run in a real browser using a play function and the interactions add-on. The demo uses testing library and the Storybook-wrapped Jest helpers to type, click, hover, await async validation, and assert calls, with steps logged in an interactions panel. A Node.js test runner runs all play functions headlessly for CI and failing runs open a reproducible browser URL so debugging actually works.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 0:56The Basics
3. 7:21Storybook 6 4 Introduces Interactive Stories
4. 18:03Recap
5. 20:19Q a Session

" related talks

• 19mStorybook embeddingGert Hengeveld · JSWorld Conference 2022
• 31mReinforcing your blocks: A practical guide to UI component testingDiego Hernandez · LibertyJS 2019
• 15mComponent Testing in 2026: The Return of the BrowserGuy Nesher · ReactNext 2026
• 24mCost-Effective Testing with Storybook and Playwright in Vue ApplicationsYauheni Prakopchyk · Vuejs Amsterdam 2024
• 28mState of Storybook 7Gert Hengeveld · GOTO Amsterdam 2023
• 41mTesting Web Applications with PlaywrightDebbie O'Brien · Build Stuff 2022
• 39mTesting Web Applications with PlaywrightDebbie O'Brien · Craft Conference 2022
• 24mPlaying your tests wrightDebbie O'Brien · Vuejs Amsterdam 2023