Industry standard frontend workshop. Develop, test, and document components with ease. Open-source & maintained by @chromaticcom
npx storybook@latest init
- Tweets 7,014
- Following 393
- Followers 25,684
- Likes 6,645
Learn more about Storybook Test in this thread
Storybook Test sneak peek 👀
⚡️ Blazing fast tests that run in the browser
🌈 Component, visual, and a11y tests simultaneously
🚦 Visualize results inside Storybook
👉 Click-to-debug in your own browser
🌐 Optimized for test coverage
💻 VSCode integration via Vitest
1,278
We're working on a new thing! Get instant test feedback directly inside Storybook.
Watch along as Kyle sets up SB Test for the first time.
🧵
4
3
32
2,965
You can read more about Storybook Test and the early access program in the announcement post.
We cannot wait for you to experience frontend testing as you have never have before.
storybook.js.org/blog/storyb…
Storybook Test sneak peek
Multi-modal testing with instant feedback in your browser
storybook.js.org 2
934
We’re opening an Early Access Program to kick off the project and build out this vision with you, the Storybook community.
If this sounds like fun, please apply for the early access program using this form and we’ll reach out with next steps.
storybook.js.org/sb-test-eap
1
1
987
Each test type in Storybook Test includes a dedicated DX to write & debug tests. For example, a component test failure will open a time-traveling debugger, where you can step through each simulated behavior or assertion, while seeing the result in an interactive canvas.
ALT The Component tests addon panel in Storybook, showing a failed component test's steps
1
357
Storybook Test brings best-in-class tools directly into Storybook itself. You get the superpower of running Component Tests powered by @vitest, Visual tests powered by @chromaticcom , and Accessibility tests powered by @dequesystems' Axe. All in the browser, simultaneously.
ALT Illustration showing how three testing types flow into Storybook. First, Component test with Vitest. Does UI render and respond to user behavior? Second, Visual test with Chromatic. Does UI look right down to the pixel? Third, Accessibility test with Axe. Does UI work for screen readers & keyboard-only? Those each flow into Instant feedback in Storybook. Multi-modal tests run in real browsers at the same time.
1
3
476
Frontend testing has been a tradeoff between speed & quality, and you often get neither. E2E tests are high fidelity, but slow & flaky. Unit tests are fast, but use a simulated browser and have poor DX.
Storybook Test threads that needle, for all types of frontend tests.
1
4
467
Storybook Test sneak peek 👀
⚡️ Blazing fast tests that run in the browser
🌈 Component, visual, and a11y tests simultaneously
🚦 Visualize results inside Storybook
👉 Click-to-debug in your own browser
🌐 Optimized for test coverage
💻 VSCode integration via Vitest
8
27
172
22,265
Storybook retweeted
I'm leading a (FREE) workshop TOMORROW at 9am CST!
I'll cover everything you need to know to build a full-stack JavaScript application.
👉 Working with @storybookjs
👉 Writing tests
👉 Working with Databases and Building an API
It's still not to late to register!
(Of course, a recording will be available, if you're not able to join us live.)
🧵 Link in the thread
ALT Freaking Full Stack: Free Workshop
2
6
30
3,944
Storybook retweeted
#SvelteSummit Fall 2024 is today!
youtube.com/watch?v=fAPFsRP-…
Of course I am excited for the news they might bring today...
... and by the way... at 4:25 PM CET I will be talking about elevating the DX of using @storybookjs for incoming @sveltejs v5.
Yes... me. 😅
3
6
2,733
Thanks for your support, @Netlify friends! 🤝🏼
Welcome to our frontend platform, @storybookjs!
Their site, documentation, and blog are now deployed with @Netlify 🚀 A significant portion of our customers use Storybook daily to build frontend experiences that scale, and so do we 🤝🏻
1
14
2,685
"Write stories and get tests for free"
Check out Gert's (maintainer) talk at Netherlands Design System Week to see where Storybook is going this year!
youtu.be/0_Xq74LkMY4?feature…
2
26
1,669
Soon: Run visual tests inside Storybook.
1-click to run across every browser and viewport. Powered by @chromaticcom
2
18
113
8,298
Sneak peek: Run component tests directly in Storybook
s/o to @GHengeveld
4
13
85
5,196
Frontend tests were supposed to help you find issues faster. tbh they never lived up to that promise.
We're trying to change that with SB Component Testing in partnership w @vitest_dev
Yann's ViteConf talk shares our plan 👇
youtube.com/watch?v=8t5wxrFp…
10
45
6,296
Guillaume does a great job breaking down the pros & cons of available component testing tools:
levelup.gitconnected.com/are…
3/ @storybookjs is a great option for component testing. You can use it to define test cases and test interactions via the stories' play function. It now supports Vitest browser mode and it can run alongside regular tests and collect coverage. It really works and DX is good!
12
1,704
Storybook retweeted
My talk about @storybookjs and @vitest_dev at @ViteConf is now available!
Check this out for some fun content regarding Component Testing and a sneak peek at Storybook 9!
youtube.com/watch?v=8t5wxrFp…
2
10
31
5,437
Storybook retweeted
Sometimes I see people asking about RN Storybook on expo router. Yes it works and actually I think it enables an easier experience for switching between sb/app code.
For example you can just launch storybook via deep link.
heres an example project:
github.com/dannyhw/expo-rout…
2
5
39
2,573