storybook 10.0.0-beta.5 → 10.0.0-beta.7

package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_0oz6lpav6bgq from 'node:url';
-import CJS_COMPAT_NODE_PATH_0oz6lpav6bgq from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq from "node:module";
+import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
+import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0oz6lpav6bgq.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0oz6lpav6bgq.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   rewriteSbMockImportCalls
-} from "../../../../_node-chunks/chunk-3VVGIILJ.js";
-import "../../../../_node-chunks/chunk-4VDRH7SM.js";
+} from "../../../../_node-chunks/chunk-3QZ7KLON.js";
+import "../../../../_node-chunks/chunk-A2DKPKBY.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-2VMDKLSW.js";
+} from "../../../../_node-chunks/chunk-ZM2HT2RW.js";
 
 // src/core-server/presets/webpack/loaders/storybook-mock-transform-loader.ts
 import { logger } from "storybook/internal/node-logger";

package/dist/core-server/presets/webpack/loaders/webpack-automock-loader.js

@@ -1,24 +1,24 @@
-import CJS_COMPAT_NODE_URL_0oz6lpav6bgq from 'node:url';
-import CJS_COMPAT_NODE_PATH_0oz6lpav6bgq from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq from "node:module";
+import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
+import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0oz6lpav6bgq.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0oz6lpav6bgq.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getAutomockCode
-} from "../../../../_node-chunks/chunk-K4YETNYJ.js";
+} from "../../../../_node-chunks/chunk-I7SRMFT5.js";
 import {
   babelParser
-} from "../../../../_node-chunks/chunk-3VVGIILJ.js";
-import "../../../../_node-chunks/chunk-4VDRH7SM.js";
+} from "../../../../_node-chunks/chunk-3QZ7KLON.js";
+import "../../../../_node-chunks/chunk-A2DKPKBY.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-2VMDKLSW.js";
+} from "../../../../_node-chunks/chunk-ZM2HT2RW.js";
 
 // src/core-server/presets/webpack/loaders/webpack-automock-loader.ts
 function webpackAutomockLoader(source) {

package/dist/csf/index.d.ts

@@ -1,4 +1,4 @@
-import { StorybookTypes, Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, NormalizedProjectAnnotations, Args as Args$1, ComponentAnnotations as ComponentAnnotations$1, StoryAnnotations as StoryAnnotations$1, ComposedStoryFn } from 'storybook/internal/types';
+import { StorybookTypes, Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, NormalizedProjectAnnotations, Args as Args$1, ComponentAnnotations as ComponentAnnotations$1, StoryAnnotations as StoryAnnotations$1, ComposedStoryFn, TestFunction as TestFunction$1 } from 'storybook/internal/types';
 import { AddonTypes as AddonTypes$1, StoryContext as StoryContext$1 } from 'storybook/internal/csf';
 
 declare global {
@@ -758,6 +758,7 @@ interface PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Arg
 type StepLabel = string;
 type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>) => Promise<void> | void;
 type PlayFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void> | void;
+type TestFunction<TRenderer extends Renderer = Renderer, TArgs = TRenderer['args']> = (context: StoryContext<TRenderer, TArgs>) => Promise<void> | void;
 type PartialStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (update?: StoryContextUpdate<Partial<TArgs>>) => TRenderer['storyResult'];
 type LegacyStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
 type ArgsStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (args: TArgs, context: StoryContext<TRenderer, TArgs>) => (TRenderer & {
@@ -992,12 +993,14 @@ interface Story<TRenderer extends Renderer$1, TInput extends StoryAnnotations$1<
         name: string;
     };
     meta: Meta<TRenderer>;
-    __compose: () => ComposedStoryFn<TRenderer>;
     play: TInput['play'];
-    run: (context?: Partial<StoryContext$1<TRenderer, Partial<TRenderer['args']>>>) => Promise<void>;
+    run: (context?: Partial<StoryContext$1<TRenderer, Partial<TRenderer['args']>>>, testName?: string) => Promise<void>;
     extend<TInput extends StoryAnnotations$1<TRenderer, TRenderer['args']>>(input: TInput): Story<TRenderer, TInput>;
+    test(name: string, fn: TestFunction$1<TRenderer>): void;
+    test(name: string, annotations: StoryAnnotations$1<TRenderer, TRenderer['args']>, fn: TestFunction$1<TRenderer>): void;
 }
 declare function isStory<TRenderer extends Renderer$1>(input: unknown): input is Story<TRenderer>;
+declare function getStoryChildren<TRenderer extends Renderer$1>(story: Story<TRenderer>): Story<TRenderer>[];
 
 /**
  * Remove punctuation and illegal characters from a story ID.
@@ -1007,6 +1010,8 @@ declare function isStory<TRenderer extends Renderer$1>(input: unknown): input is
 declare const sanitize: (string: string) => string;
 /** Generate a storybook ID from a component/kind and story name. */
 declare const toId: (kind: string, name?: string) => string;
+/** Generate a storybook test ID from a story ID and test name. */
+declare const toTestId: (parentId: string, testName: string) => string;
 /** Transform a CSF named export into a readable story name */
 declare const storyNameFromExport: (key: string) => string;
 type StoryDescriptor = string[] | RegExp;
@@ -1028,4 +1033,4 @@ declare const parseKind: (kind: string, { rootSeparator, groupSeparator }: Separ
 /** Combine a set of project / meta / story tags, removing duplicates and handling negations. */
 declare const combineTags: (...tags: string[]) => string[];
 
-export { type AddonTypes, type AfterEach, type AnnotatedStoryFn, type AnyFramework, type ArgTypes, type ArgTypesEnhancer, type Args, type ArgsEnhancer, type ArgsFromMeta, type ArgsStoryFn, type BaseAnnotations, type BeforeAll, type BeforeEach, type Canvas, type CleanupCallback, type ComponentAnnotations, type ComponentId, type ComponentTitle, type Conditional, type CoreTypes, type DecoratorApplicator, type DecoratorFunction, type GlobalTypes, type Globals, type IncludeExcludeOptions, type InferTypes, type InputType, type LegacyAnnotatedStoryFn, type LegacyStoryAnnotationsOrFn, type LegacyStoryFn, type LoaderFunction, type Meta, type Parameters, type PartialStoryFn, type PlayFunction, type PlayFunctionContext, type Preview, type PreviewAddon, type ProjectAnnotations, type Renderer, type SBArrayType, type SBEnumType, type SBIntersectionType, type SBObjectType, type SBOtherType, type SBScalarType, type SBType, type SBUnionType, type SeparatorOptions, type StepFunction, type StepLabel, type StepRunner, type Story, type StoryAnnotations, type StoryAnnotationsOrFn, type StoryContext, type StoryContextForEnhancers, type StoryContextForLoaders, type StoryContextUpdate, type StoryFn, type StoryId, type StoryIdentifier, type StoryKind, type StoryName, type StrictArgTypes, type StrictArgs, type StrictGlobalTypes, type StrictInputType, type StrictParameters, type Tag, type ViewMode, combineTags, definePreview, definePreviewAddon, getCoreAnnotations, includeConditionalArg, isExportStory, isMeta, isPreview, isStory, parseKind, sanitize, storyNameFromExport, toId };
+export { type AddonTypes, type AfterEach, type AnnotatedStoryFn, type AnyFramework, type ArgTypes, type ArgTypesEnhancer, type Args, type ArgsEnhancer, type ArgsFromMeta, type ArgsStoryFn, type BaseAnnotations, type BeforeAll, type BeforeEach, type Canvas, type CleanupCallback, type ComponentAnnotations, type ComponentId, type ComponentTitle, type Conditional, type CoreTypes, type DecoratorApplicator, type DecoratorFunction, type GlobalTypes, type Globals, type IncludeExcludeOptions, type InferTypes, type InputType, type LegacyAnnotatedStoryFn, type LegacyStoryAnnotationsOrFn, type LegacyStoryFn, type LoaderFunction, type Meta, type Parameters, type PartialStoryFn, type PlayFunction, type PlayFunctionContext, type Preview, type PreviewAddon, type ProjectAnnotations, type Renderer, type SBArrayType, type SBEnumType, type SBIntersectionType, type SBObjectType, type SBOtherType, type SBScalarType, type SBType, type SBUnionType, type SeparatorOptions, type StepFunction, type StepLabel, type StepRunner, type Story, type StoryAnnotations, type StoryAnnotationsOrFn, type StoryContext, type StoryContextForEnhancers, type StoryContextForLoaders, type StoryContextUpdate, type StoryFn, type StoryId, type StoryIdentifier, type StoryKind, type StoryName, type StrictArgTypes, type StrictArgs, type StrictGlobalTypes, type StrictInputType, type StrictParameters, type Tag, type TestFunction, type ViewMode, combineTags, definePreview, definePreviewAddon, getCoreAnnotations, getStoryChildren, includeConditionalArg, isExportStory, isMeta, isPreview, isStory, parseKind, sanitize, storyNameFromExport, toId, toTestId };

package/dist/csf/index.js

@@ -7,9 +7,10 @@ import {
 import {
   composeConfigs,
   composeStory,
+  mountDestructured,
   normalizeArrays,
   normalizeProjectAnnotations
-} from "../_browser-chunks/chunk-YQV3EGQ5.js";
+} from "../_browser-chunks/chunk-OQ6NCFPL.js";
 import "../_browser-chunks/chunk-LYCSRYYR.js";
 import "../_browser-chunks/chunk-Y3M7TW6K.js";
 import {
@@ -2434,9 +2435,6 @@ function defineMeta(input, preview) {
     _tag: "Meta",
     input,
     preview,
-    get composed() {
-      throw new Error("Not implemented");
-    },
     // @ts-expect-error hard
     story(story = {}) {
       return defineStory(typeof story === "function" ? { render: story } : story, this);
@@ -2461,11 +2459,14 @@ function defineStory(input, meta) {
     }
     return composed;
   }, "compose");
+  const __children = [];
   return {
     _tag: "Story",
     input,
     meta,
+    // @ts-expect-error this is a private property used only once in renderers/react/src/preview
     __compose: compose,
+    __children,
     get composed() {
       const composed2 = compose();
       const { args, argTypes, parameters: parameters2, id, tags, globals, storyName: name } = composed2;
@@ -2475,16 +2476,34 @@ function defineStory(input, meta) {
       return input.play ?? meta.input?.play ?? (async () => {
       });
     },
-    get run() {
-      return compose().run ?? (async () => {
+    async run(context) {
+      await compose().run(context);
+    },
+    test(name, overridesOrTestFn, testFn) {
+      const annotations = typeof overridesOrTestFn !== "function" ? overridesOrTestFn : {};
+      const testFunction = typeof overridesOrTestFn !== "function" ? testFn : overridesOrTestFn;
+      const play = mountDestructured(this.play) || mountDestructured(testFunction) ? async ({ context }) => {
+        await this.play?.(context);
+        await testFunction(context);
+      } : async (context) => {
+        await this.play?.(context);
+        await testFunction(context);
+      };
+      const test = this.extend({
+        ...annotations,
+        name,
+        tags: ["test-fn", "!autodocs", ...annotations.tags ?? []],
+        play
       });
+      __children.push(test);
+      return test;
     },
     extend(input2) {
       return defineStory(
         {
           ...this.input,
           ...input2,
-          args: { ...this.input.args, ...input2.args },
+          args: { ...this.input.args || {}, ...input2.args },
           argTypes: combineParameters(this.input.argTypes, input2.argTypes),
           afterEach: [
             ...normalizeArrays(this.input?.afterEach ?? []),
@@ -2512,6 +2531,13 @@ function defineStory(input, meta) {
   };
 }
 __name(defineStory, "defineStory");
+function getStoryChildren(story) {
+  if ("__children" in story) {
+    return story.__children;
+  }
+  return [];
+}
+__name(getStoryChildren, "getStoryChildren");
 
 // src/csf/index.ts
 var sanitize = /* @__PURE__ */ __name((string) => {
@@ -2525,6 +2551,7 @@ var sanitizeSafe = /* @__PURE__ */ __name((string, part) => {
   return sanitized;
 }, "sanitizeSafe");
 var toId = /* @__PURE__ */ __name((kind, name) => `${sanitizeSafe(kind, "kind")}${name ? `--${sanitizeSafe(name, "name")}` : ""}`, "toId");
+var toTestId = /* @__PURE__ */ __name((parentId, testName) => `${parentId}:${sanitizeSafe(testName, "test")}`, "toTestId");
 var storyNameFromExport = /* @__PURE__ */ __name((key) => toStartCaseStr(key), "storyNameFromExport");
 function matches(storyKey, arrayOrRegex) {
   if (Array.isArray(arrayOrRegex)) {
@@ -2564,6 +2591,7 @@ export {
   definePreview,
   definePreviewAddon9 as definePreviewAddon,
   getCoreAnnotations,
+  getStoryChildren,
   includeConditionalArg,
   isExportStory,
   isMeta,
@@ -2572,5 +2600,6 @@ export {
   parseKind,
   sanitize,
   storyNameFromExport,
-  toId
+  toId,
+  toTestId
 };

package/dist/csf-tools/index.d.ts

@@ -49,6 +49,16 @@ interface StaticStory extends Pick<StoryAnnotations, 'name' | 'parameters' | 'ta
     localName?: string;
     __stats: IndexInputStats;
 }
+interface StoryTest {
+    node: types.Node;
+    function: types.Node;
+    name: string;
+    id: string;
+    tags: string[];
+    parent: {
+        node: types.Node;
+    };
+}
 declare class CsfFile {
     _ast: types.File;
     _file: BabelFile;
@@ -69,6 +79,7 @@ declare class CsfFile {
     _templates: Record<string, types.Expression>;
     _namedExportsOrder?: string[];
     imports: string[];
+    _tests: StoryTest[];
     constructor(ast: types.File, options: CsfOptions, file: BabelFile);
     _parseTitle(value: types.Node): string;
     _parseMeta(declaration: types.ObjectExpression, program: types.Program): void;
@@ -76,6 +87,7 @@ declare class CsfFile {
     parse(): CsfFile & IndexedCSFFile;
     get meta(): StaticMeta | undefined;
     get stories(): StaticStory[];
+    getStoryTests(story: string | types.Node): StoryTest[];
     get indexInputs(): IndexInput[];
 }
 /** Using new babel.File is more powerful and give access to API such as buildCodeFrameError */
@@ -263,11 +275,6 @@ type TagsFilter = {
     exclude: string[];
     skip: string[];
 };
-/**
- * TODO: the functionality in this file can be moved back to the vitest plugin itself It can use
- * `storybook/internal/babel` for all it's babel needs, without duplicating babel embedding in our
- * bundles.
- */
 declare function vitestTransform({ code, fileName, configDir, stories, tagsFilter, previewLevelTags, }: {
     code: string;
     fileName: string;
@@ -277,4 +284,4 @@ declare function vitestTransform({ code, fileName, configDir, stories, tagsFilte
     previewLevelTags: Tag[];
 }): Promise<ReturnType<typeof formatCsf>>;
 
-export { BadMetaError, ConfigFile, CsfFile, type CsfOptions, type EnrichCsfOptions, MixedFactoryError, MultipleMetaError, NoMetaError, type StaticMeta, type StaticStory, babelParseFile, enrichCsf, enrichCsfMeta, enrichCsfStory, extractDescription, extractSource, formatConfig, formatCsf, getStorySortParameter, isCsfFactoryPreview, isModuleMock, isValidPreviewPath, loadConfig, loadCsf, printConfig, printCsf, readConfig, readCsf, vitestTransform, writeConfig, writeCsf };
+export { BadMetaError, ConfigFile, CsfFile, type CsfOptions, type EnrichCsfOptions, MixedFactoryError, MultipleMetaError, NoMetaError, type StaticMeta, type StaticStory, type StoryTest, babelParseFile, enrichCsf, enrichCsfMeta, enrichCsfStory, extractDescription, extractSource, formatConfig, formatCsf, getStorySortParameter, isCsfFactoryPreview, isModuleMock, isValidPreviewPath, loadConfig, loadCsf, printConfig, printCsf, readConfig, readCsf, vitestTransform, writeConfig, writeCsf };

package/dist/csf-tools/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_0oz6lpav6bgq from 'node:url';
-import CJS_COMPAT_NODE_PATH_0oz6lpav6bgq from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq from "node:module";
+import CJS_COMPAT_NODE_URL_srln17sp2zh from 'node:url';
+import CJS_COMPAT_NODE_PATH_srln17sp2zh from 'node:path';
+import CJS_COMPAT_NODE_MODULE_srln17sp2zh from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0oz6lpav6bgq.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0oz6lpav6bgq.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_srln17sp2zh.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_srln17sp2zh.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_srln17sp2zh.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -38,9 +38,9 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-EIHJ5J3O.js";
-import "../_node-chunks/chunk-P7YMEOXF.js";
-import "../_node-chunks/chunk-2VMDKLSW.js";
+} from "../_node-chunks/chunk-GBZZSL2K.js";
+import "../_node-chunks/chunk-TFIGR2HH.js";
+import "../_node-chunks/chunk-ZM2HT2RW.js";
 export {
   BadMetaError,
   ConfigFile,