update Storybook to 9.0.0-rc.3, and other dependencies

JReinhold · JReinhold · commit 19bbf926171b · 2025-05-21T09:21:24.000+02:00
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -24,9 +24,9 @@ const config: StorybookConfig = {
         legacyTemplate: true,
       },
     },
-    '@storybook/addon-essentials',
     '@chromatic-com/storybook',
-    '@storybook/experimental-addon-test',
+    '@storybook/addon-docs',
+    '@storybook/addon-vitest',
   ],
 };
 
diff --git a/examples/Button.stories.svelte b/examples/Button.stories.svelte
@@ -1,9 +1,8 @@
 <script module lang="ts">
-  import { defineMeta, type StoryContext } from '@storybook/addon-svelte-csf';
-  import { fn } from '@storybook/test';
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { fn } from 'storybook/test';
 
   import Button from './components/Button.svelte';
-  import type { ComponentProps } from 'svelte';
 
   const onclickFn = fn().mockName('onclick');
 
diff --git a/examples/README.mdx b/examples/README.mdx
@@ -1,4 +1,4 @@
-import { Meta, Markdown } from '@storybook/blocks';
+import { Meta, Markdown } from '@storybook/addon-docs/blocks';
 import README from '../README.md?raw';
 
 <Meta title="README" />
diff --git a/examples/StoryImporter.mdx b/examples/StoryImporter.mdx
@@ -1,4 +1,4 @@
-import { Meta, Canvas } from '@storybook/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 import * as ExportNameStories from './ExportName.stories.svelte';
 
 <Meta title="Examples/ExportName" name="MDX Docs" />
diff --git a/examples/Templating.stories.svelte b/examples/Templating.stories.svelte
@@ -1,6 +1,6 @@
 <script module lang="ts">
   import { defineMeta } from '@storybook/addon-svelte-csf';
-  import { expect, within } from '@storybook/test';
+  import { expect, within } from 'storybook/test';
 
   /**
    * Demonstration on the **different ways of setting a template** for `<Story />` components within one stories file.
diff --git a/package.json b/package.json
@@ -63,17 +63,15 @@
   },
   "devDependencies": {
     "@auto-it/released": "^11.1.6",
-    "@chromatic-com/storybook": "^4.0.0-0",
+    "@chromatic-com/storybook": "^4.0.0-next.6",
     "@eslint/compat": "^1.2.8",
     "@eslint/js": "^9.25.0",
-    "@storybook/addon-actions": "^9.0.0-0",
-    "@storybook/addon-essentials": "^9.0.0-0",
-    "@storybook/experimental-addon-test": "^9.0.0-0",
-    "@storybook/svelte": "^9.0.0-0",
-    "@storybook/svelte-vite": "^9.0.0-0",
-    "@storybook/test": "^9.0.0-0",
+    "@storybook/addon-vitest": "^9.0.0-rc.3",
+    "@storybook/addon-docs": "^9.0.0-rc.3",
+    "@storybook/svelte": "^9.0.0-rc.3",
+    "@storybook/svelte-vite": "^9.0.0-rc.3",
     "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tsconfig/svelte": "^5.0.4",
     "@types/estree": "^1.0.6",
     "@types/node": "^20.14.9",
@@ -92,7 +90,7 @@
     "prettier-plugin-svelte": "^3.2.5",
     "rimraf": "^5.0.7",
     "rollup": "^4.25.0",
-    "storybook": "^9.0.0-0",
+    "storybook": "^9.0.0-rc.3",
     "svelte": "^5.28.2",
     "svelte-check": "^4.1.7",
     "tslib": "^2.6.3",
@@ -102,7 +100,6 @@
     "typescript-svelte-plugin": "^0.3.42",
     "vite": "^6.3.5",
     "vite-plugin-inspect": "^0.8.7",
-    "vite-plugin-virtual": "^0.3.0",
     "vitest": "^3.1.3"
   },
   "peerDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/runtime/emit-code.test.ts b/src/runtime/emit-code.test.ts
@@ -1,5 +1,4 @@
-import { describe, expect, it } from 'vitest';
-import { fn } from '@storybook/test';
+import { describe, expect, it, vi } from 'vitest';
 import dedent from 'dedent';
 
 import { generateCodeToEmit } from './emit-code.js';
@@ -129,8 +128,8 @@ describe('Emit Code', () => {
           someArray: ['first', 'second'],
           someUnnamedFn: () => {},
           someNamedFn: function namedFunc() {},
-          someUnnamedMockFn: fn(),
-          someNamedMockFn: fn().mockName('namedMockFn'),
+          someUnnamedMockFn: vi.fn(),
+          someNamedMockFn: vi.fn().mockName('namedMockFn'),
           yes: 'yup',
           no: 'nope',
           text: 'some text',
diff --git a/tests/stories/Actions.stories.svelte b/tests/stories/Actions.stories.svelte
@@ -1,7 +1,6 @@
 <script module>
-  import { fn } from '@storybook/test';
+  import { fn, expect, userEvent, within } from 'storybook/test';
   import { defineMeta } from '@storybook/addon-svelte-csf';
-  import { expect, userEvent, within } from '@storybook/test';
 
   const { Story } = defineMeta({
     title: 'Addons/Actions',
diff --git a/tests/stories/Decorators.stories.svelte b/tests/stories/Decorators.stories.svelte
@@ -1,6 +1,6 @@
 <script module>
   import { defineMeta } from '@storybook/addon-svelte-csf';
-  import { expect, userEvent, within } from '@storybook/test';
+  import { expect, within } from 'storybook/test';
 
   import Text from './Text.svelte';
   import BorderDecorator from './BorderDecorator.svelte';
diff --git a/tests/stories/Example.stories.svelte b/tests/stories/Example.stories.svelte
@@ -1,5 +1,5 @@
 <script module lang="ts">
-  import { action } from '@storybook/addon-actions';
+  import { fn } from 'storybook/test';
   import { defineMeta } from '@storybook/addon-svelte-csf';
 
   import Example from './Example.svelte';
@@ -18,9 +18,9 @@
     component: Example,
     tags: ['autodocs'],
     args: {
-      onclick: action('onclick'),
-      onmouseenter: action('onmouseenter'),
-      onmouseleave: action('onmouseleave'),
+      onclick: fn(),
+      onmouseenter: fn(),
+      onmouseleave: fn(),
     },
   });
 </script>
diff --git a/tests/stories/Interactions.stories.svelte b/tests/stories/Interactions.stories.svelte
@@ -1,6 +1,6 @@
 <script module>
   import { defineMeta } from '@storybook/addon-svelte-csf';
-  import { expect, userEvent, within } from '@storybook/test';
+  import { expect, userEvent, within } from 'storybook/test';
   import { tick } from 'svelte';
 
   import Interactions from './Interactions.svelte';
diff --git a/tests/stories/LegacyStory.stories.svelte b/tests/stories/LegacyStory.stories.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
   import { Story, Template, type StoryProps } from '@storybook/addon-svelte-csf';
-  import { expect, within } from '@storybook/test';
+  import { expect, within } from 'storybook/test';
   import type { Meta } from '@storybook/svelte';
 
   import LegacyStory from './LegacyStory.svelte';
diff --git a/tests/stories/LocalMeta.stories.svelte b/tests/stories/LocalMeta.stories.svelte
@@ -1,6 +1,6 @@
 <script module>
   import { defineMeta } from '@storybook/addon-svelte-csf';
-  import { expect, within } from '@storybook/test';
+  import { expect, within } from 'storybook/test';
 
   /**
    * Testing if there's no compile error when there's a user defined `meta` identifier.
diff --git a/tests/stories/test/Overrides.stories.svelte b/tests/stories/test/Overrides.stories.svelte
@@ -1,6 +1,6 @@
 <script module>
   import { defineMeta as d } from '@storybook/addon-svelte-csf';
-  import { expect, within } from '@storybook/test';
+  import { expect, within } from 'storybook/test';
 
   /**
    * Testing if **overriding identifier names** of the addon important AST nodes does work.
diff --git a/vitest.workspace.ts b/vitest.workspace.ts
@@ -1,5 +1,5 @@
 import { defineWorkspace } from 'vitest/config';
-import { storybookTest } from '@storybook/experimental-addon-test/vitest-plugin';
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
 
 export default defineWorkspace([
   {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Meta, Markdown } from '@storybook/blocks';`
	`1`	`+import { Meta, Markdown } from '@storybook/addon-docs/blocks';`
`2`	`2`	`import README from '../README.md?raw';`
`3`	`3`
`4`	`4`	`<Meta title="README" />`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Meta, Canvas } from '@storybook/blocks';`
	`1`	`+import { Meta, Canvas } from '@storybook/addon-docs/blocks';`
`2`	`2`	`import * as ExportNameStories from './ExportName.stories.svelte';`
`3`	`3`
`4`	`4`	`<Meta title="Examples/ExportName" name="MDX Docs" />`