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

preview_player
Показать описание
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!

  1. ViteConf
Рекомендации по теме
Yann Braga | 0:13:52

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

Testing Components in 0:12:49

Testing Components in Storybook 7 by Yann Braga | Storybook Day 2023

Yann Braga - 0:18:03

Yann Braga - Storybook and Testing

Frontmania 2022: Yann 0:44:25

Frontmania 2022: Yann Braga - Why You Should Test UIS With Storybook

These tests use 0:04:40

These tests use NO CODE | component testing in Storybook

Tests with NO 0:00:58

Tests with NO CODE | component testing in Storybook

Yann Braga - 0:26:40

Yann Braga - State of Storybook 7 - JSWORLD 2023

Smooth design hand 0:10:27

Smooth design hand off with Storybook - Yann Braga | GURU TALKS

How Does Storybook 0:00:37

How Does Storybook Handle Complex Args? With Yann Braga, Senior Software Engineer at Chromatic

Zeplin's Upgraded Storybook 0:11:57

Zeplin's Upgraded Storybook Integration & Highlight Components, with Yann Braga

Accessibility Testing in 0:07:59

Accessibility Testing in Storybook with Axe and Playwright

Storybook Crash Course: 0:47:26

Storybook Crash Course: For React Devs And Storybook Beginners with Storybook Maintainer, Yann Braga

How to improve 0:08:34

How to improve your UI frontend testing. Test components with Storybook!

Maintaining Storybook ft. 0:50:29

Maintaining Storybook ft. Yann Braga - RRU 159

Component testing in 0:06:56

Component testing in Storybook with play functions

What Are Stories 0:00:29

What Are Stories in Storybook? With Yann, Senior Software Engineer at Chromatic

storybook vs cypress 0:07:13

storybook vs cypress component testing

How To Create 0:00:24

How To Create Your First Story In Storybook, with Chromatic Senior Software Engineer

Component Testing IRL 0:08:07

Component Testing IRL (with testing-library and jest)

The ComponentMeta and 0:00:58

The ComponentMeta and ComponentStory Types In Storybook With Senior Software Engineer at Chromatic

UI Component Test 0:00:12

UI Component Test with Storybook and Cypress

Storybook Office Hours: 0:53:05

Storybook Office Hours: Interactive Stories Beta

Interaction Testing with 0:02:51

Interaction Testing with Storybook (beta)

How To Use 0:00:51

How To Use The Control Addon In Storybook, With Chromatic Senior Software Engineer

Комментарии
Автор

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.

randmtv
Автор

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 $$$

zeroliuxiyuan
Автор

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.

blocSonic