Good, nice to see there's a way to "stabilize" thing on a case-by-case basis. I would also love to have a way to wholesale stabilize all random() calls in the document. Maybe through an at-rule. For a testing tool we can't expect individual calls to be "fixed", but we can control the environment.
Storybook MCP for React is here 🎉
Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time.
🧵 ⤵
@jondavis.bsky.social @jensimmons.bsky.social @saron.bsky.social Is there a way to provide a seed to the CSS random() function? I'm a maintainer of frontend testing tools which rely on consistency between renders. A random CSS value would introduce flake.
Super exciting to finally see all our hard work culminated in an epic major Storybook release! I’ve been mostly involved with the new testing features but there’s so much more to unpack here (while using less bytes). A great team and community achievement 💪
The next talk from Svelte Summit Spring 2025 by @reinhold.is is also related to testing — Strike the Perfect Balance: Component Testing with Storybook, Svelte, and Vitest.
youtu.be/mdyRQDDp28s
So glad our "in the weeds" work doesn't go unnoticed ❤️
The Storybook UI is built with React but the preview code is decoupled to be viewlayer dependent. So Vue decorators wouldn’t use React (that would be pretty awful tbh).
Catch our own @yannbf.bsky.social speak on JSWorld's livestream tomorrow at 10:24 CET. It's free!
He'll help you test your UI components, using Storybook.
www.youtube.com/watch?v=5mn3...
This was tried before by Eric Berry. I used to be part of his CodeFund project before GitHub shut it down for violating their ToS. I hope you have better luck 🙏
Polypane’s is expired by the way. polypane.app/.well-known/...
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 @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀
Might also include a surprise collab... 🙊
I did something like that. In our case the height&width is dynamic so maybe dynamic stop positions would be more appropriate, but I didn’t take it that far. See next--635781f3500dd2c49e189caf.chromatic.com
Code here: github.com/storybookjs/...
My main issue with this trick is that it doesn’t look nice when applied to something with an aspect ratio beyond 5/1. The gradient gets really stretched. Is there a solution to that?
I forgot to add it’s probably also more exhausting to build in public because it demands interaction while you’re also building the thing. That’s my main gripe with open source actually.
Big bangs are overrated. You’ll get more feedback and engagement by building in public.
If it helps, you can take inspiration from our custom reporter here: github.com/storybookjs/...
Absolutely. It takes a little getting used to the workflow if you’d otherwise rely on CI. But once you do it’s so nice, you hardly ever need to use the Chromatic webapp anymore (except for UI review).
If you have any questions let me know. I was the lead engineer on both the CLI and the VTA.
So with the VTA you can run visual tests without committing, pushing and waiting for CI to run. This saves time and CI minutes. If you’re using the CLI locally the win isn’t that big but you do get the benefit of a nice Storybook integration that allows you to accept snapshots from the Storybook UI.
VTA uses the CLI under the covers so it’s mostly the same thing. The main difference is you can take snapshots against uncommitted code and accept those snapshots as “local” baselines which will become actual baselines when you do commit and run a CI / CLI build. The result is much faster feedback.
I love how Denmark isn’t taking any shit from Donald Trump. 🇩🇰 🤣
Nice! Looks like you haven’t installed the Visual Test Addon yet. It seamlessly integrates Chromatic into Storybook. www.chromatic.com/docs/visual-...
Also, now that I think of it: my avatar. GitNation had an artist draw them for every speaker. I still use mine in my slidedecks, although I replaced the GitNation logo with a Storybook logo.
Definitely one of the better gifts I've received. Unfortunately I'm not much of a reader so I haven't gotten very far yet.
A quality umbrella. Not particularly memorable, but very useful in The Netherlands.
Some suggestions of things I'd appreciate: Neuland markers or a LifeStraw.
Top quality is the most important aspect. Anything else quickly becomes junk.
I paid some $1200 for a device that often won’t let me reposition my cursor in a sensible way but persists in selecting text instead. Looking at you iOS.
Storybook Test early access program is 🔥🔥🔥. We're improving @storybook.js.org AND @vitest.dev and writing effective component tests along the way.
If this sounds fun, please join in -- the more the merrier!!
storybook.js.org/sb-test-eap
