Frontend Testing Stack: Storybook, Vitest, Playwright
What happens when you combine the best testing tools—Vitest, Playwright, and Storybook—into a seamless experience?
In this behind-the-scenes session, join maintainers from Vitest and Storybook to learn how they put their heads together to create Storybook Test, a brand-new way to run component tests, in a real browser, with near-instant feedback in Storybook.
You'll learn how the team designed and built Storybook Test to:
▶️ Use Vitest's browser mode with Playwright under the hood
▶️ Leveraging testing-library to simulate user behavior
▶️ Run interaction tests, accessibility test, visual tests, and coverage with one click
▶️ Surface test results directly in the Storybook UI—where components already live
This is your chance to learn how Storybook Test brings the best tools together into a focused, purpose-built workflow for UI engineers.
You'll get:
✅ A deep dive into how Storybook Test and Vitest browser mode works
✅ Insights on component testing
✅ Practical strategies for optimizing your frontend test setup
✅ A look at the future of component-driven testing