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!

Storybook Day was made possible by Chromatic

[MrBumbo]

This is beautiful tech. It's insane that storybook isn't used more often in front-end workflows.

[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!

[alien]

This example is great as far as the flow is this simple, replicating everything here and ensuring that it's in sync with the production code is going to be tedious and difficult to maintain in the long run

[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!

[TestingMatters]

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 ?

[lolmos]

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

[MinhNguyen-ymym]

HI, Can I get your example project you show in this video

[MarkKhotin-gr]

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?