Yann Braga | Component Testing with Storybook and Vitest | ViteConf 2024

Storybook is the most popular tool for building UI in isolation. Vitest is one of the best tools for testing your components. What happens when we mix them together? Join this talk to find out!
viteconf.org hosted by StackBlitz

[@zeroliuxiyuan]

This is HUGE! Can't wait to test it out in my project. The fact that it doesn't require storybook dev server to run the test is great! I have been running storybook test in chromatic and they are very expensive. This will save me a lot of $$$

[@rand0mtv660]

Ok this is pretty cool. I knew Storybook had some testing capabilities, but I didn't know it was so interesting. And now even more integrated than before.

[@blocSonic]

Unfortunately, for Vue teams, Storybook support leaves a lot to be desired since Vue support feels like an afterthought. My team ended up quickly putting together a static documentation site using Nuxt in our repo using native Vue components. There was so much more flexibility in doing it this way than jumping through the weird hoops required to use Vue within the context of Storybook. As for testing, there's no need to mix your documentation with testing. Storybook is definitely terrific for React projects, though.