@storybook/vue3 8.1.0-alpha.2 → 8.1.0-alpha.3

package/dist/index.d.ts

@@ -40,6 +40,13 @@ type Loader<TArgs = StrictArgs> = LoaderFunction<VueRenderer, TArgs>;
 type StoryContext<TArgs = StrictArgs> = StoryContext$1<VueRenderer, TArgs>;
 type Preview = ProjectAnnotations<VueRenderer>;
 
+type JSXAble<TElement> = TElement & {
+    new (...args: any[]): any;
+    $props: any;
+};
+type MapToJSXAble<T> = {
+    [K in keyof T]: JSXAble<T[K]>;
+};
 /** Function that sets the globalConfig of your Storybook. The global config is the preview module of your .storybook folder.
  *
  * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
@@ -83,15 +90,7 @@ declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProject
  * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
  * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
  */
-declare function composeStory<TArgs extends Args = Args>(story: StoryAnnotationsOrFn<VueRenderer, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<VueRenderer>, exportsName?: string): _storybook_types.PartialArgsStoryFn<VueRenderer, Partial<TArgs>> & {
-    args: Partial<TArgs>;
-    id: string;
-    play?: ((context?: Partial<_storybook_types.PlayFunctionContext<VueRenderer, Partial<Partial<TArgs>>>> | undefined) => void | Promise<void>) | undefined;
-    load: () => Promise<void>;
-    storyName: string;
-    parameters: _storybook_types.Parameters;
-    argTypes: _storybook_types.StrictArgTypes<Partial<TArgs>>;
-} & (new (...args: any[]) => any);
+declare function composeStory<TArgs extends Args = Args>(story: StoryAnnotationsOrFn<VueRenderer, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<VueRenderer>, exportsName?: string): JSXAble<_storybook_types.ComposedStoryFn<VueRenderer, Partial<TArgs>>>;
 /**
  * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
  * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
@@ -117,6 +116,6 @@ declare function composeStory<TArgs extends Args = Args>(story: StoryAnnotations
  * @param csfExports - e.g. (import * as stories from './Button.stories')
  * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
  */
-declare function composeStories<TModule extends Store_CSFExports<VueRenderer, any>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<VueRenderer>): Omit<StoriesWithPartialProps<VueRenderer, TModule>, keyof Store_CSFExports>;
+declare function composeStories<TModule extends Store_CSFExports<VueRenderer, any>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<VueRenderer>): MapToJSXAble<Omit<StoriesWithPartialProps<VueRenderer, TModule>, keyof Store_CSFExports>>;
 
 export { ComponentPropsAndSlots, Decorator, Loader, Meta, Preview, StoryContext, StoryFn, StoryObj, VueRenderer, composeStories, composeStory, setProjectAnnotations };

package/dist/playwright.d.ts

@@ -0,0 +1 @@
+export { createPlaywrightTest as createTest } from '@storybook/preview-api';

package/dist/playwright.js

@@ -0,0 +1 @@
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var playwright_exports={};__export(playwright_exports,{createTest:()=>import_preview_api.createPlaywrightTest});module.exports=__toCommonJS(playwright_exports);var import_preview_api=require("@storybook/preview-api");0&&(module.exports={createTest});

package/dist/playwright.mjs

@@ -0,0 +1,2 @@
+import './chunk-JSBTCGGE.mjs';
+export { createPlaywrightTest as createTest } from '@storybook/preview-api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.1.0-alpha.2",
+  "version": "8.1.0-alpha.3",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -26,6 +26,12 @@
       "require": "./dist/index.js",
       "import": "./dist/index.mjs"
     },
+    "./experimental-playwright": {
+      "types": "./dist/playwright.d.ts",
+      "node": "./dist/playwright.js",
+      "require": "./dist/playwright.js",
+      "import": "./dist/playwright.mjs"
+    },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
     "./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
@@ -47,10 +53,10 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/docs-tools": "8.1.0-alpha.2",
+    "@storybook/docs-tools": "8.1.0-alpha.3",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "8.1.0-alpha.2",
-    "@storybook/types": "8.1.0-alpha.2",
+    "@storybook/preview-api": "8.1.0-alpha.3",
+    "@storybook/types": "8.1.0-alpha.3",
     "@vue/compiler-core": "^3.0.0",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0",
@@ -80,7 +86,8 @@
       "./src/index.ts",
       "./src/preset.ts",
       "./src/entry-preview.ts",
-      "./src/entry-preview-docs.ts"
+      "./src/entry-preview-docs.ts",
+      "./src/playwright.ts"
     ],
     "platform": "browser"
   },