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

Get a $500 credit for automated visual testing. Signup to Chromatic with promo code DAY.
Storybook Day 2023 talk by Yann Braga
Storybook lets you simulate user behavior, such as clicks and inputs, by attaching play functions to stories. Yann will demonstrate how to write such stories and use the Storybook test runner transforms them into executable tests. Also, you'll learn how to uncover untested edge cases with coverage reports.
Follow Storybook on social!
Discord: / discord
Twitter: / storybookjs
GitHub: github.com/storybookjs/storybook
Storybook Day was made possible by Chromatic

[@artzoc]

This is really such a boost to the developer's productivity. I love it. Especially potential stack traces pointing directly to the error in the source code. Thank you for your work!

[@chromaticui]

it's great. we're glad that you love it too!

[@jan_hamara]

this is freaking incredible!

[@dpuerto]

Following your lead on a number of Storybook points as I begin to implement this into our team's workflow. Thanks for all your hard work Yann!

[@ianfleming7784]

Visual regression testing is available in Playwright CT - which is now supported as a test framework in StoryBook 8.1 - Could you demo this capability ?

[@sherllochen5069]

Awesome!!

[@lolmos]

very nice! Just upgraded to 7 on two projects. Can't wait to try the integrated testing

[@chantastic]

heck yeah! let us know how it goes!

[@arthurcheek5634]

😍

[@user-ep1xk8bw2m]

Looks really cool! Thank you! I have only one question: how can I access the theme object (i'm using withThemeFromJSXProvider) from the play function? For example in order to test that some css property of the component is exactly as it should be in the theme?

[@chromaticui]

We would recommend visual testing with Chromatic… but we’re biased 😊