Releases · storybookjs/storybook

9.0.0

Storybook 9.0 is here

This is a huge release focused on testing and bundle size.

Component testing
- 👆 Interactions
- ♿️ Accessibility
- 👁️ Visual changes
- 🛡️ Coverage
🪶 48% lighter bundle
🏷️ Tags-based organization
🌐 Story globals
🏗️ Major upgrades: Svelte, Next, React Native, Angular

Please checkout our Migration guide to upgrade from earlier versions of Storybook. To see a comprehensive list of changes that went into 9.0, you can refer to the 9.0 prerelease changelogs

List of all updates

Addon A11y: Add linkPath to Axe results and use it in copy link action - #31009, thanks @ghengeveld!
Addon A11y: Fix setup as part of storybook create - #31403, thanks @yannbf!
Addon A11y: Fix usage of axe-core in pnpm projects - #31422, thanks @yannbf!
Addon A11y: Fix various issues and inconsistencies - #31432, thanks @ghengeveld!
Addon A11y: Improve selector automigration detection - #31392, thanks @yannbf!
Addon A11y: Only run checks in story mode - #30976, thanks @kroeder!
Addon A11y: Provide full report in a11y manual runs - #31325, thanks @yannbf!
Addon A11y: Use short titles and friendly summary messages in A11y report - #31185, thanks @ghengeveld!
Addon Controls: Fix loading state UI in addon panel - #31168, thanks @iineineno03k!
Addon Docs: Fix layout: centered in conjunction with inline: false - #31430, thanks @ghengeveld!
Addon Docs: Fix docs-content overflow with TOC - #27167, thanks @njsokol!
Addon Docs: Fix iframe content width in centered layout - #31320, thanks @Audie80!
Addon Docs: Improve TableOfContents HTML structure and a11y - #31327, thanks @Sidnioulz!
Addon Docs: Reset error boundary when story changes to recover from erros - #31242, thanks @yatishgoel!
Addon Docs: Simplify color parsing and color cycling logic - #29840, thanks @leyvae!
Addon Docs: Update telejson - #31115, thanks @valentinpalkovic!
Addon Pseudo States: Move package into monorepo - #31123, thanks @ghengeveld!
Addon Test: Improve unhandled error messages - #30755, thanks @yannbf!
Addon Test: Rename @storybook/experimental-addon-test to @storybook/addon-vitest - #31014, thanks @valentinpalkovic!
Addon Vitest: Ensure vitest exclusions are relative to the project root, not cwd - #31514, thanks @mrginglymus!
Addon Vitest: Fix broken docs links - #31445, thanks @kylegach!
Addon Vitest: Fix watch mode for new files - #31156, thanks @valentinpalkovic!
Addon Vitest: Ignore mdx files as part of tests - #31457, thanks @yannbf!
Addon Vitest: Improve handling multiple browser mode projects - #31508, thanks @yannbf!
Addon Vitest: Support vitest.projects.ts file as workspace file during postinstall - #31565, thanks @ghengeveld!
Addon Vitest: Transform @storybook/nextjs imports to @storybook/nextjs-vite during init - #31180, thanks @valentinpalkovic!
Addon Vitest: Use its own cache directory - #31439, thanks @yannbf!
Addon-a11y: Replace element parameter with context - #31036, thanks @JReinhold!
Addon-A11y: Various improvements - #30774, thanks @ghengeveld!
Addon-Essentials: Remove addon-docs - #30856, thanks @ndelangen!
Addon-Test: Automatically load before all - #30584, thanks @kasperpeulen!
Addon-test: Exclude storybook-static from coverage reports - #31005, thanks @JReinhold!
Addon-test: Fix watching non-story files, run all tests on preview change - #31045, thanks @JReinhold!
Addon-Test: Migrate to new test provider API, drop Vitest 2 support - #30875, thanks @JReinhold!
Addon-Vitest: Always clean coverage before (re)running - #31540, thanks @JReinhold!
Addon-vitest: Fix coverage being disabled with Run All button - #31074, thanks @JReinhold!
Addon-vitest: Fix coverage when restarting Vitest due to config change - #31069, thanks @JReinhold!
Addon-vitest: Fix wrong test count in telemetry - #31504, thanks @JReinhold!
Addon-vitest: Remove internal log for staticDir - #31340, thanks @JReinhold!
Addon-vitest: Support paths with spaces - #31437, thanks @ndelangen!
Addons: Add shim Storybook addons for previously removed addons - #31520, thanks @valentinpalkovic!
Addons: Move @storybook/addon-interactions into core - #30916, thanks @valentinpalkovic!
Addons: Remove @storybook/addon-storysource - #31007, thanks @valentinpalkovic!
Addons: Update the Viewport and Background Addon - #30841, thanks @ndelangen!
AddonVitest: Use framework package, not renderer - #31133, thanks @ndelangen!
All packages: Remove unused dependencies - #31227, thanks @webpro!
Angular: Add @angular-devkit/build-angular to default installed pacakages in angular - #30790, thanks @kasperpeulen!
Angular: Filter non-inputs from controls - #30550, thanks @robertIsaac!
Angular: remove invalid defaults for start-storybook - #31337, thanks @AgentEnder!
ArgTypes: Always extract argTypes, even without addon-docs - #31488, thanks @JReinhold!
Autoblock: Add autoblocker for addon-test - #31068, thanks @valentinpalkovic!
Autoblock: Fix link - #31236, thanks @valentinpalkovic!
AutoBlocker: Add major version upgrade blocker - #30714, thanks @ndelangen!
Automigrate: Disable missingStorybookDependencies for 9.0 - #30769, thanks @ndelangen!
Automigrate: Prefer framework import - #30785, thanks @ndelangen!
Automigration: Add new Storybook addons to consolidated packages mapping - #30993, thanks @valentinpalkovic!
Automigration: Adjust addon-docs install condition - #31343, thanks @valentinpalkovic!
Automigration: Always scan file system to substitute essential addons - #31176, thanks @valentinpalkovic!
Automigration: Correctly apply the wrap-require automigration in ESM modules - #31420, thanks @valentinpalkovic!
Automigration: Enhance import transformation to handle partial package matches - #31033, thanks @valentinpalkovic!
Automigration: Ensure correct addition of missing dependencies - #31023, thanks @valentinpalkovic!
Automigration: Fix an issue when main.js addons have dynamic values - #31273, thanks @valentinpalkovic!
Automigration: Fix consolidated-imports with sub-paths - #31135, thanks @ndelangen!
Automigration: Fix wrap require wrapper - #31569, thanks @valentinpalkovic!
Automigration: Improve renderer to framework automigration - [#31397](https://github.co...