fix example webpack

Author: ndelangen

examples/vite/src/stories/Button.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryFn, Meta } from '@storybook/react';
 
 import { Button } from './Button';
-import { expect } from '@storybook/test';
+import { expect } from 'storybook/test';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {

examples/vite/src/stories/Header.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryFn, Meta } from '@storybook/react';
 
 import { Header } from './Header';
-import { expect } from '@storybook/test';
+import { expect } from 'storybook/test';
 
 export default {
   title: 'Example/Header',

examples/vite/src/stories/Page.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryFn, Meta } from '@storybook/react';
-import { within, userEvent, expect } from '@storybook/test';
+import { within, userEvent, expect } from 'storybook/test';
 import { Page } from './Page';
 
 export default {

examples/webpack5/.storybook/main.ts

@@ -1,12 +1,7 @@
 export default {
   stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)'],
 
-  addons: [
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-webpack5-compiler-babel',
-    '@storybook/addon-coverage',
-  ],
+  addons: ['@storybook/addon-webpack5-compiler-babel', '@storybook/addon-coverage'],
 
   framework: {
     name: '@storybook/react-webpack5',

examples/webpack5/package.json

@@ -3,12 +3,13 @@
   "version": "1.0.0",
   "description": "",
   "private": true,
+  "type": "module",
   "author": "",
   "scripts": {
     "dev": "webpack serve --open",
     "build": "webpack build",
-    "storybook": "npx storybook dev -p 6006",
-    "build-storybook": "npx storybook build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "test-storybook": "test-storybook --coverage",
     "test-storybook:ci-coverage": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook --quiet && npx serve storybook-static -l 6006\" \"wait-on tcp:6006 && yarn test-storybook --coverage\""
   },
@@ -29,15 +30,12 @@
   },
   "devDependencies": {
     "@storybook/addon-coverage": "portal:../..",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-webpack5": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@storybook/test-runner": "^0.21.0",
+    "@storybook/react": "^10.0.6",
+    "@storybook/react-webpack5": "^10.0.6",
+    "@storybook/test-runner": "^0.24.1",
     "concurrently": "^9.1.0",
-    "storybook": "^8.4.7",
+    "storybook": "",
     "wait-on": "^8.0.1"
   },
   "packageManager": "yarn@4.5.3"

examples/webpack5/stories/Button.stories.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import type { StoryFn, Meta } from '@storybook/react';
 
 import { Button } from './Button';
-import { expect } from '@storybook/test';
+import { expect } from 'storybook/test';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {

examples/webpack5/stories/Header.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StoryFn, Meta } from '@storybook/react';
-import { expect } from '@storybook/test';
+import { expect } from 'storybook/test';
 
 import { Header } from './Header';
 

examples/webpack5/stories/Page.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StoryFn, Meta } from '@storybook/react';
-import { within, userEvent, expect } from '@storybook/test';
+import { within, userEvent, expect } from 'storybook/test';
 import { Page } from './Page';
 
 export default {