Did you know we have a Storybook Test Bootcamp, where we're teaching the what, why, and how of testing UIs in Storybook?
This week, we published a video overview of component tests: what they are, why they're useful, and how to write and debug them.
youtu.be/n3LJP9S7xxs
I've had this example of storybook in expo router navigating with search params. yesterday I realised that I could just build it into Storybook without the router using the Linking api.
[scheme]://[url]?STORYBOOK_STORY_ID=[story_id]
Out in 8.6.0-alpha.0
Feedback welcomed 🙏
Last week we kicked off "Storybook Test Bootcamp," a weekly curriculum covering every facet of our new component testing tools.
If you're interested in pushing the boundaries of frontend testing – there are still spots available!
👉 storybook.js.org/sb-test-eap
It's official! I'm speaking at Svelte Summit, come see me in Barcelona in May! Can't wait to meet you all in person!
I'll be diving into @sveltejs with @storybookjs, and how you can use it to write delicious Component Tests! 🚀
Might also include a surprise collab... 🙊
Now that speakers have been selected we want to share with you our line-up for Svelte Summit Spring 2025! We will host 16 talks across different topics during the two day conference. In addition, @mainmatter will also host a workshop. More details on sveltesummit.com/
Any react native storybook users (on v8+) please give this version a test for me
8.5.5-alpha.3
I'm adding scroll to selected story when opening the story list and would appreciate some user testing.
Also includes changes to improve controls compatiblity with web + other fixes.
Join us this Thursday for a live session on visual testing portal-based components—modals, tooltips & popovers.
You’ll learn how to write reliable visual tests that properly capture portal components and avoid cut-off snapshots.
👉 Register to attend: us02web.zoom.us/webinar/regi…
Check out the post for all the details!
Thanks, as always, to our wonderful community and everyone who contributed to this release!
storybook.js.org/blog/storyb…
Storybook 8.5 includes many other improvements too:
✅ React 19 support
✅ Vite 6 support
✅ Angular 19 support
✅ Code addon panel
✅ Experimental Bun support
✅ Svelte Storybook Test support
✅ Experimental Nuxt support
To go along with the just-released React Native Storybook 8, we’ve published a React Native Web (RNW) Vite Storybook framework. It uses RNW to render your RN stories in the browser.
Introducing Storybook for React Native 8.3!
🤝 Unified release schedule with web
📱 Brand new mobile UI
↔️ New widescreen layout
⚙️ Simplified Metro config
🔁 Improved hot-reloading
🏆 Stable React Native Web support
ALT Screenshot of Storybook running in an iOS simulator
If you don’t need to test every story, click the menu in the sidebar and test just the component or individual story. This can save time for Storybooks with hundreds or thousands of stories.
Project code coverage is also newly available in Storybook Test. Quickly calculate coverage for all of your tested stories and view the generated report for insights on areas you could improve.
ALT Two browser windows. The first shows Storybook's sidebar, including a line that says "Coverage 66%". The second shows an HTML coverage report.
Storybook 8.5 is out!
♿️ Realtime a11y tests to help build UIs for everybody
🛡️ Project code coverage to measure test completeness
🎯 Focused tests for fast feedback
⚛️ React Native Web Vite framework for testing mobile UI
🎁 Storybook test bootcamp to level up your testing game
A personal passion of mine is pushing CSS to new limits. Decided I would see if I could render a flying over clouds background with only css. No images, videos or JS and make it customisable in @storybookjs . So I give you….
design.alasdairmacrae.co.uk/…
ALT Screenshot of StorybookJS rendering a scene where the POV flies over white clouds against a blue sky.
At Sort, we’re all about collaboration and efficiency! Storybook is our go-to for creating and testing UI components, ensuring every detail is seamless.
Check out Sort on Product Hunt and show your support by upvoting: producthunt.com/posts/sort 🚀🙌
API design is hard and we need your help to get this right.
Your feedback will help us deliver the best way to develop, document, and test UI components. 🙏