@storybook/angular 8.0.0-alpha.9 → 8.0.0-beta.0

package/dist/client/decorateStory.test.js

@@ -13,18 +13,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@angular/core");
+const vitest_1 = require("vitest");
 const decorators_1 = require("./decorators");
 const decorateStory_1 = __importDefault(require("./decorateStory"));
-describe('decorateStory', () => {
-    describe('angular behavior', () => {
-        it('should use componentWrapperDecorator with args', () => {
+(0, vitest_1.describe)('decorateStory', () => {
+    (0, vitest_1.describe)('angular behavior', () => {
+        (0, vitest_1.it)('should use componentWrapperDecorator with args', () => {
             const decorators = [
                 (0, decorators_1.componentWrapperDecorator)(ParentComponent, ({ args }) => args),
                 (0, decorators_1.componentWrapperDecorator)((story) => `<grandparent [grandparentInput]="grandparentInput">${story}</grandparent>`, ({ args }) => args),
                 (0, decorators_1.componentWrapperDecorator)((story) => `<great-grandparent>${story}</great-grandparent>`),
             ];
             const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            expect(decorated(makeContext({
+            (0, vitest_1.expect)(decorated(makeContext({
                 component: FooComponent,
                 args: {
                     parentInput: 'Parent input',
@@ -35,13 +36,13 @@ describe('decorateStory', () => {
                 props: {
                     parentInput: 'Parent input',
                     grandparentInput: 'grandparent input',
-                    parentOutput: expect.any(Function),
+                    parentOutput: vitest_1.expect.any(Function),
                 },
                 template: '<great-grandparent><grandparent [grandparentInput]="grandparentInput"><parent [parentInput]="parentInput" (parentOutput)="parentOutput($event)"></child></parent></grandparent></great-grandparent>',
                 userDefinedTemplate: true,
             });
         });
-        it('should use componentWrapperDecorator with input / output', () => {
+        (0, vitest_1.it)('should use componentWrapperDecorator with input / output', () => {
             const decorators = [
                 (0, decorators_1.componentWrapperDecorator)(ParentComponent, {
                     parentInput: 'Parent input',
@@ -54,12 +55,12 @@ describe('decorateStory', () => {
                 (0, decorators_1.componentWrapperDecorator)((story) => `<great-grandparent>${story}</great-grandparent>`),
             ];
             const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>', props: { sameInput: 'Story input' } }), decorators);
-            expect(decorated(makeContext({
+            (0, vitest_1.expect)(decorated(makeContext({
                 component: FooComponent,
             }))).toEqual({
                 props: {
                     parentInput: 'Parent input',
-                    parentOutput: expect.any(Function),
+                    parentOutput: vitest_1.expect.any(Function),
                     grandparentInput: 'Grandparent input',
                     sameInput: 'Story input',
                 },
@@ -67,19 +68,19 @@ describe('decorateStory', () => {
                 userDefinedTemplate: true,
             });
         });
-        it('should use componentWrapperDecorator', () => {
+        (0, vitest_1.it)('should use componentWrapperDecorator', () => {
             const decorators = [
                 (0, decorators_1.componentWrapperDecorator)(ParentComponent),
                 (0, decorators_1.componentWrapperDecorator)((story) => `<grandparent>${story}</grandparent>`),
                 (0, decorators_1.componentWrapperDecorator)((story) => `<great-grandparent>${story}</great-grandparent>`),
             ];
             const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            expect(decorated(makeContext({ component: FooComponent }))).toEqual({
+            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
                 template: '<great-grandparent><grandparent><parent></child></parent></grandparent></great-grandparent>',
                 userDefinedTemplate: true,
             });
         });
-        it('should use template in preference to component parameters', () => {
+        (0, vitest_1.it)('should use template in preference to component parameters', () => {
             const decorators = [
                 (s) => {
                     const story = s();
@@ -104,12 +105,12 @@ describe('decorateStory', () => {
                 },
             ];
             const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            expect(decorated(makeContext({ component: FooComponent }))).toEqual({
+            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
                 template: '<great-grandparent><grandparent><parent></child></parent></grandparent></great-grandparent>',
                 userDefinedTemplate: true,
             });
         });
-        it('should include story templates in decorators', () => {
+        (0, vitest_1.it)('should include story templates in decorators', () => {
             const decorators = [
                 (s) => {
                     const story = s();
@@ -134,12 +135,12 @@ describe('decorateStory', () => {
                 },
             ];
             const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            expect(decorated(makeContext({}))).toEqual({
+            (0, vitest_1.expect)(decorated(makeContext({}))).toEqual({
                 template: '<great-grandparent><grandparent><parent></child></parent></grandparent></great-grandparent>',
                 userDefinedTemplate: true,
             });
         });
-        it('should include story components in decorators', () => {
+        (0, vitest_1.it)('should include story components in decorators', () => {
             const decorators = [
                 (s) => {
                     const story = s();
@@ -164,25 +165,25 @@ describe('decorateStory', () => {
                 },
             ];
             const decorated = (0, decorateStory_1.default)(() => ({}), decorators);
-            expect(decorated(makeContext({ component: FooComponent }))).toEqual({
+            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
                 template: '<great-grandparent><grandparent><parent><foo></foo></parent></grandparent></great-grandparent>',
                 userDefinedTemplate: false,
             });
         });
-        it('should keep template with an empty value', () => {
+        (0, vitest_1.it)('should keep template with an empty value', () => {
             const decorators = [
                 (0, decorators_1.componentWrapperDecorator)(ParentComponent),
             ];
             const decorated = (0, decorateStory_1.default)(() => ({ template: '' }), decorators);
-            expect(decorated(makeContext({ component: FooComponent }))).toEqual({
+            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
                 template: '<parent></parent>',
             });
         });
-        it('should only keeps args with a control or an action in argTypes', () => {
+        (0, vitest_1.it)('should only keeps args with a control or an action in argTypes', () => {
             const decorated = (0, decorateStory_1.default)((context) => ({
                 template: `Args available in the story : ${Object.keys(context.args).join()}`,
             }), []);
-            expect(decorated(makeContext({
+            (0, vitest_1.expect)(decorated(makeContext({
                 component: FooComponent,
                 argTypes: {
                     withControl: { control: { type: 'object' }, name: 'withControl' },
@@ -200,8 +201,8 @@ describe('decorateStory', () => {
             });
         });
     });
-    describe('default behavior', () => {
-        it('calls decorators in out to in order', () => {
+    (0, vitest_1.describe)('default behavior', () => {
+        (0, vitest_1.it)('calls decorators in out to in order', () => {
             const decorators = [
                 (s) => {
                     const story = s();
@@ -217,9 +218,9 @@ describe('decorateStory', () => {
                 },
             ];
             const decorated = (0, decorateStory_1.default)(() => ({ props: { a: [0] } }), decorators);
-            expect(decorated(makeContext({}))).toEqual({ props: { a: [0, 1, 2, 3] } });
+            (0, vitest_1.expect)(decorated(makeContext({}))).toEqual({ props: { a: [0, 1, 2, 3] } });
         });
-        it('passes context through to sub decorators', () => {
+        (0, vitest_1.it)('passes context through to sub decorators', () => {
             const decorators = [
                 (s, c) => {
                     const story = s({ ...c, k: 1 });
@@ -235,9 +236,9 @@ describe('decorateStory', () => {
                 },
             ];
             const decorated = (0, decorateStory_1.default)((c) => ({ props: { a: [c.k] } }), decorators);
-            expect(decorated(makeContext({ k: 0 }))).toEqual({ props: { a: [1, 2, 3, 0] } });
+            (0, vitest_1.expect)(decorated(makeContext({ k: 0 }))).toEqual({ props: { a: [1, 2, 3, 0] } });
         });
-        it('DOES NOT merge parameter or pass through parameters key in context', () => {
+        (0, vitest_1.it)('DOES NOT merge parameter or pass through parameters key in context', () => {
             const decorators = [
                 (s, c) => {
                     const story = s({ ...c, k: 1, parameters: { p: 1 } });
@@ -262,7 +263,7 @@ describe('decorateStory', () => {
                 },
             ];
             const decorated = (0, decorateStory_1.default)((c) => ({ props: { a: [c.k], p: [c.parameters.p] } }), decorators);
-            expect(decorated(makeContext({ k: 0, parameters: { p: 0 } }))).toEqual({
+            (0, vitest_1.expect)(decorated(makeContext({ k: 0, parameters: { p: 0 } }))).toEqual({
                 props: { a: [1, 2, 3, 0], p: [0, 0, 0, 0] },
             });
         });

package/dist/client/docs/__testfixtures__/doc-button/input.js

@@ -1,4 +1,6 @@
 "use strict";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -10,9 +12,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputComponent = exports.ButtonAccent = exports.exportedConstant = void 0;
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-/* eslint-disable no-console */
 /* eslint-disable no-underscore-dangle */
 const core_1 = require("@angular/core");
 exports.exportedConstant = 'An exported constant';

package/dist/client/docs/angular-properties.test.js

@@ -5,32 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
-const tmp_1 = __importDefault(require("tmp"));
-const cross_spawn_1 = require("cross-spawn");
-// @ts-expect-error (Converted from ts-ignore)
-const { SNAPSHOT_OS } = global;
+const vitest_1 = require("vitest");
 // File hierarchy: __testfixtures__ / some-test-case / input.*
 const inputRegExp = /^input\..*$/;
-const runCompodoc = (inputPath) => {
-    const testDir = path_1.default.dirname(inputPath);
-    const { name: tmpDir, removeCallback } = tmp_1.default.dirSync();
-    // FIXME: for now, this requires a tsconfig.json for each test case. Tried generating
-    // one dynamically in tmpDir, but compodoc doesn't handle absolute paths properly
-    // (and screwed around with relative paths as well, but couldn't get it working)
-    (0, cross_spawn_1.sync)('yarn', ['compodoc', '-p', `${testDir}/tsconfig.json`, '-e', 'json', '-d', tmpDir], {
-        stdio: 'inherit',
-        shell: true,
-    });
-    const output = fs_1.default.readFileSync(`${tmpDir}/documentation.json`, 'utf8');
-    try {
-        removeCallback();
-    }
-    catch (e) {
-        //
-    }
-    return output;
-};
-describe('angular component properties', () => {
+(0, vitest_1.describe)('angular component properties', () => {
     const fixturesDir = path_1.default.join(__dirname, '__testfixtures__');
     fs_1.default.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
         if (testEntry.isDirectory()) {
@@ -38,8 +16,8 @@ describe('angular component properties', () => {
             const testFile = fs_1.default.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
             if (testFile) {
                 // TODO: Remove this as soon as the real test is fixed
-                it('true', () => {
-                    expect(true).toEqual(true);
+                (0, vitest_1.it)('true', () => {
+                    (0, vitest_1.expect)(true).toEqual(true);
                 });
                 // TODO: Fix this test
                 // it(`${testEntry.name}`, () => {

package/dist/client/public-types.d.ts

@@ -22,16 +22,6 @@ export type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularRenderer, TransformE
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
 export type StoryObj<TArgs = Args> = StoryAnnotations<AngularRenderer, TransformEventType<TArgs>>;
-/**
- * @deprecated Use `StoryFn` instead.
- * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
- * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
- *
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export type Story<TArgs = Args> = StoryFn<TArgs>;
 export type Decorator<TArgs = StrictArgs> = DecoratorFunction<AngularRenderer, TArgs>;
 export type Loader<TArgs = StrictArgs> = LoaderFunction<AngularRenderer, TArgs>;
 export type StoryContext<TArgs = StrictArgs> = GenericStoryContext<AngularRenderer, TArgs>;

package/dist/preset.d.ts

@@ -1,6 +1,5 @@
 import { PresetProperty } from '@storybook/types';
-import { StorybookConfig } from './types';
 export declare const addons: PresetProperty<'addons'>;
 export declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
-export declare const core: PresetProperty<'core', StorybookConfig>;
-export declare const typescript: PresetProperty<'typescript', StorybookConfig>;
+export declare const core: PresetProperty<'core'>;
+export declare const typescript: PresetProperty<'typescript'>;

package/dist/server/angular-cli-webpack.js

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable global-require */
 // Private angular devkit stuff
 const { generateI18nBrowserWebpackConfigFromContext, } = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
 const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');

package/dist/server/framework-preset-angular-ivy.js

@@ -55,7 +55,6 @@ function loadEsmModule(modulePath) {
 const runNgcc = async () => {
     let ngcc;
     try {
-        // eslint-disable-next-line global-require
         ngcc = require('@angular/compiler-cli/ngcc');
     }
     catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.0.0-alpha.9",
+  "version": "8.0.0-beta.0",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -37,19 +37,18 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "8.0.0-alpha.9",
-    "@storybook/cli": "8.0.0-alpha.9",
-    "@storybook/client-logger": "8.0.0-alpha.9",
-    "@storybook/core-common": "8.0.0-alpha.9",
-    "@storybook/core-events": "8.0.0-alpha.9",
-    "@storybook/core-server": "8.0.0-alpha.9",
-    "@storybook/core-webpack": "8.0.0-alpha.9",
-    "@storybook/docs-tools": "8.0.0-alpha.9",
+    "@storybook/builder-webpack5": "8.0.0-beta.0",
+    "@storybook/client-logger": "8.0.0-beta.0",
+    "@storybook/core-common": "8.0.0-beta.0",
+    "@storybook/core-events": "8.0.0-beta.0",
+    "@storybook/core-server": "8.0.0-beta.0",
+    "@storybook/core-webpack": "8.0.0-beta.0",
+    "@storybook/docs-tools": "8.0.0-beta.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/node-logger": "8.0.0-alpha.9",
-    "@storybook/preview-api": "8.0.0-alpha.9",
-    "@storybook/telemetry": "8.0.0-alpha.9",
-    "@storybook/types": "8.0.0-alpha.9",
+    "@storybook/node-logger": "8.0.0-beta.0",
+    "@storybook/preview-api": "8.0.0-beta.0",
+    "@storybook/telemetry": "8.0.0-beta.0",
+    "@storybook/types": "8.0.0-beta.0",
     "@types/node": "^18.0.0",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",