@storybook/angular 8.0.0-alpha.4 → 8.0.0-alpha.6

package/dist/builders/build-storybook/index.spec.js

@@ -1,6 +1,6 @@
 "use strict";
 /*
- * @jest-environment node
+ * @vitest-environment node
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -26,19 +26,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+// eslint-disable-next-line import/no-extraneous-dependencies
+const vitest_1 = require("vitest");
 const architect_1 = require("@angular-devkit/architect");
 const testing_1 = require("@angular-devkit/architect/testing");
 const core_1 = require("@angular-devkit/core");
 const path = __importStar(require("path"));
-const buildDevStandaloneMock = jest.fn();
-const buildStaticStandaloneMock = jest.fn();
+const buildDevStandaloneMock = vitest_1.vi.fn();
+const buildStaticStandaloneMock = vitest_1.vi.fn();
 const buildMock = {
     buildDevStandalone: buildDevStandaloneMock,
     buildStaticStandalone: buildStaticStandaloneMock,
     withTelemetry: (name, options, fn) => fn(),
 };
-jest.doMock('@storybook/core-server', () => buildMock);
-jest.doMock('@storybook/cli', () => ({
+vitest_1.vi.doMock('@storybook/core-server', () => buildMock);
+vitest_1.vi.doMock('@storybook/cli', () => ({
     JsPackageManagerFactory: {
         getPackageManager: () => ({
             runPackageCommand: mockRunScript,
@@ -49,14 +51,14 @@ jest.doMock('@storybook/cli', () => ({
         storybook: 'x.x.x',
     },
 }));
-jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
-const mockRunScript = jest.fn();
+vitest_1.vi.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
+const mockRunScript = vitest_1.vi.fn();
 // Randomly fails on CI. TODO: investigate why
 // eslint-disable-next-line jest/no-disabled-tests
-describe.skip('Build Storybook Builder', () => {
+vitest_1.describe.skip('Build Storybook Builder', () => {
     let architect;
     let architectHost;
-    beforeEach(async () => {
+    (0, vitest_1.beforeEach)(async () => {
         const registry = new core_1.schema.CoreSchemaRegistry();
         registry.addPostTransform(core_1.schema.transforms.addUndefinedDefaults);
         architectHost = new testing_1.TestingArchitectHost();
@@ -78,11 +80,11 @@ describe.skip('Build Storybook Builder', () => {
         // for the package.json file.
         await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
     });
-    beforeEach(() => {
+    (0, vitest_1.beforeEach)(() => {
         buildStaticStandaloneMock.mockImplementation((_options) => Promise.resolve(_options));
     });
     afterEach(() => {
-        jest.clearAllMocks();
+        vitest_1.vi.clearAllMocks();
     });
     it('should start storybook with angularBrowserTarget', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
@@ -91,17 +93,17 @@ describe.skip('Build Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
+        (0, vitest_1.expect)(buildStaticStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             configDir: '.storybook',
             loglevel: undefined,
             quiet: false,
             disableTelemetry: undefined,
             outputDir: 'storybook-static',
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             mode: 'static',
             tsConfig: './storybook/tsconfig.ts',
             webpackStatsJson: false,
@@ -114,17 +116,17 @@ describe.skip('Build Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
+        (0, vitest_1.expect)(buildStaticStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: null,
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             configDir: '.storybook',
             loglevel: undefined,
             quiet: false,
             disableTelemetry: undefined,
             outputDir: 'storybook-static',
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: false,
@@ -138,16 +140,16 @@ describe.skip('Build Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
+        (0, vitest_1.expect)(buildStaticStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: null,
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             configDir: '.storybook',
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: true,
@@ -161,11 +163,11 @@ describe.skip('Build Storybook Builder', () => {
         });
         try {
             await run.result;
-            expect(false).toEqual('Throw expected');
+            (0, vitest_1.expect)(false).toEqual('Throw expected');
         }
         catch (error) {
             // eslint-disable-next-line jest/no-try-expect, jest/no-conditional-expect
-            expect(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
+            (0, vitest_1.expect)(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
         }
     });
     it('should run compodoc', async () => {
@@ -174,16 +176,16 @@ describe.skip('Build Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
+        (0, vitest_1.expect)(buildStaticStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             configDir: '.storybook',
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             mode: 'static',
             tsConfig: './storybook/tsconfig.ts',
             webpackStatsJson: false,
@@ -197,17 +199,17 @@ describe.skip('Build Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
+        (0, vitest_1.expect)(buildStaticStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: null,
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             angularBuilderOptions: { assets: [], styles: ['style.scss'] },
             configDir: '.storybook',
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: false,

package/dist/builders/start-storybook/index.spec.js

@@ -1,6 +1,6 @@
 "use strict";
 /*
- * @jest-environment node
+ * @vitest-environment node
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -26,21 +26,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+// eslint-disable-next-line import/no-extraneous-dependencies
+const vitest_1 = require("vitest");
 const architect_1 = require("@angular-devkit/architect");
 const testing_1 = require("@angular-devkit/architect/testing");
 const core_1 = require("@angular-devkit/core");
 const path = __importStar(require("path"));
-const buildDevStandaloneMock = jest.fn();
-const buildStaticStandaloneMock = jest.fn();
+const buildDevStandaloneMock = vitest_1.vi.fn();
+const buildStaticStandaloneMock = vitest_1.vi.fn();
 const buildMock = {
     buildDevStandalone: buildDevStandaloneMock,
     buildStaticStandalone: buildStaticStandaloneMock,
     withTelemetry: (_, __, fn) => fn(),
 };
-jest.doMock('@storybook/core-server', () => buildMock);
-jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
-const mockRunScript = jest.fn();
-jest.mock('@storybook/cli', () => ({
+vitest_1.vi.doMock('@storybook/core-server', () => buildMock);
+vitest_1.vi.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
+const mockRunScript = vitest_1.vi.fn();
+vitest_1.vi.mock('@storybook/cli', () => ({
     getEnvConfig: (options) => options,
     versions: {
         storybook: 'x.x.x',
@@ -53,10 +55,10 @@ jest.mock('@storybook/cli', () => ({
 }));
 // Randomly fails on CI. TODO: investigate why
 // eslint-disable-next-line jest/no-disabled-tests
-describe.skip('Start Storybook Builder', () => {
+vitest_1.describe.skip('Start Storybook Builder', () => {
     let architect;
     let architectHost;
-    beforeEach(async () => {
+    (0, vitest_1.beforeEach)(async () => {
         const registry = new core_1.schema.CoreSchemaRegistry();
         registry.addPostTransform(core_1.schema.transforms.addUndefinedDefaults);
         architectHost = new testing_1.TestingArchitectHost();
@@ -78,13 +80,13 @@ describe.skip('Start Storybook Builder', () => {
         // for the package.json file.
         await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
     });
-    beforeEach(() => {
+    (0, vitest_1.beforeEach)(() => {
         buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve(_options));
     });
     afterEach(() => {
-        jest.clearAllMocks();
+        vitest_1.vi.clearAllMocks();
     });
-    it('should start storybook with angularBrowserTarget', async () => {
+    (0, vitest_1.it)('should start storybook with angularBrowserTarget', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
             browserTarget: 'angular-cli:build-2',
             port: 4400,
@@ -92,17 +94,17 @@ describe.skip('Start Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
+        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             ci: false,
             configDir: '.storybook',
             disableTelemetry: undefined,
             host: 'localhost',
             https: false,
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             port: 4400,
             quiet: false,
             smokeTest: false,
@@ -112,7 +114,7 @@ describe.skip('Start Storybook Builder', () => {
             tsConfig: './storybook/tsconfig.ts',
         }));
     });
-    it('should start storybook with tsConfig', async () => {
+    (0, vitest_1.it)('should start storybook with tsConfig', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
             tsConfig: 'path/to/tsConfig.json',
             port: 4400,
@@ -120,17 +122,17 @@ describe.skip('Start Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
+        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: null,
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             ci: false,
             configDir: '.storybook',
             disableTelemetry: undefined,
             host: 'localhost',
             https: false,
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             port: 4400,
             quiet: false,
             smokeTest: false,
@@ -140,7 +142,7 @@ describe.skip('Start Storybook Builder', () => {
             tsConfig: 'path/to/tsConfig.json',
         }));
     });
-    it('should throw error', async () => {
+    (0, vitest_1.it)('should throw error', async () => {
         buildDevStandaloneMock.mockRejectedValue(true);
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
             browserTarget: 'angular-cli:build-2',
@@ -149,30 +151,30 @@ describe.skip('Start Storybook Builder', () => {
         });
         try {
             await run.result;
-            expect(false).toEqual('Throw expected');
+            (0, vitest_1.expect)(false).toEqual('Throw expected');
         }
         catch (error) {
             // eslint-disable-next-line jest/no-try-expect, jest/no-conditional-expect
-            expect(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
+            (0, vitest_1.expect)(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
         }
     });
-    it('should run compodoc', async () => {
+    (0, vitest_1.it)('should run compodoc', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
             browserTarget: 'angular-cli:build-2',
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
+        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             ci: false,
             disableTelemetry: undefined,
             configDir: '.storybook',
             host: 'localhost',
             https: false,
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             port: 9009,
             quiet: false,
             smokeTest: false,
@@ -182,7 +184,7 @@ describe.skip('Start Storybook Builder', () => {
             tsConfig: './storybook/tsconfig.ts',
         }));
     });
-    it('should start storybook with styles options', async () => {
+    (0, vitest_1.it)('should start storybook with styles options', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
             tsConfig: 'path/to/tsConfig.json',
             port: 4400,
@@ -191,11 +193,11 @@ describe.skip('Start Storybook Builder', () => {
         });
         const output = await run.result;
         await run.stop();
-        expect(output.success).toBeTruthy();
-        expect(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
+        (0, vitest_1.expect)(output.success).toBeTruthy();
+        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
+        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: null,
-            angularBuilderContext: expect.any(Object),
+            angularBuilderContext: vitest_1.expect.any(Object),
             angularBuilderOptions: { assets: [], styles: ['src/styles.css'] },
             disableTelemetry: undefined,
             ci: false,
@@ -203,7 +205,7 @@ describe.skip('Start Storybook Builder', () => {
             host: 'localhost',
             https: false,
             port: 4400,
-            packageJson: expect.any(Object),
+            packageJson: vitest_1.expect.any(Object),
             quiet: false,
             smokeTest: false,
             sslCa: undefined,

package/dist/builders/utils/run-compodoc.spec.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+// eslint-disable-next-line import/no-extraneous-dependencies
+const vitest_1 = require("vitest");
 const operators_1 = require("rxjs/operators");
-const { runCompodoc } = require('./run-compodoc');
-const mockRunScript = jest.fn();
-jest.mock('@storybook/cli', () => ({
+const run_compodoc_1 = require("./run-compodoc");
+const mockRunScript = vitest_1.vi.fn();
+vitest_1.vi.mock('@storybook/cli', () => ({
     JsPackageManagerFactory: {
         getPackageManager: () => ({
             runPackageCommandSync: mockRunScript,
@@ -11,76 +13,65 @@ jest.mock('@storybook/cli', () => ({
     },
 }));
 const builderContextLoggerMock = {
-    createChild: jest.fn(),
-    log: jest.fn(),
-    debug: jest.fn(),
-    info: jest.fn(),
-    warn: jest.fn(),
-    error: jest.fn(),
-    fatal: jest.fn(),
+    createChild: vitest_1.vi.fn(),
+    log: vitest_1.vi.fn(),
+    debug: vitest_1.vi.fn(),
+    info: vitest_1.vi.fn(),
+    warn: vitest_1.vi.fn(),
+    error: vitest_1.vi.fn(),
+    fatal: vitest_1.vi.fn(),
 };
-describe('runCompodoc', () => {
-    afterEach(() => {
+(0, vitest_1.describe)('runCompodoc', () => {
+    (0, vitest_1.afterEach)(() => {
         mockRunScript.mockClear();
     });
-    it('should run compodoc with tsconfig from context', async () => {
-        runCompodoc({
+    const builderContextMock = {
+        workspaceRoot: 'path/to/project',
+        logger: builderContextLoggerMock,
+    };
+    (0, vitest_1.it)('should run compodoc with tsconfig from context', async () => {
+        (0, run_compodoc_1.runCompodoc)({
             compodocArgs: [],
             tsconfig: 'path/to/tsconfig.json',
-        }, {
-            workspaceRoot: 'path/to/project',
-            logger: builderContextLoggerMock,
-        })
+        }, builderContextMock)
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
+        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
     });
-    it('should run compodoc with tsconfig from compodocArgs', async () => {
-        runCompodoc({
+    (0, vitest_1.it)('should run compodoc with tsconfig from compodocArgs', async () => {
+        (0, run_compodoc_1.runCompodoc)({
             compodocArgs: ['-p', 'path/to/tsconfig.stories.json'],
             tsconfig: 'path/to/tsconfig.json',
-        }, {
-            workspaceRoot: 'path/to/project',
-            logger: builderContextLoggerMock,
-        })
+        }, builderContextMock)
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], 'path/to/project', 'inherit');
+        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], 'path/to/project', 'inherit');
     });
-    it('should run compodoc with default output folder.', async () => {
-        runCompodoc({
+    (0, vitest_1.it)('should run compodoc with default output folder.', async () => {
+        (0, run_compodoc_1.runCompodoc)({
             compodocArgs: [],
             tsconfig: 'path/to/tsconfig.json',
-        }, {
-            workspaceRoot: 'path/to/project',
-            logger: builderContextLoggerMock,
-        })
+        }, builderContextMock)
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
+        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
     });
-    it('should run with custom output folder specified with --output compodocArgs', async () => {
-        runCompodoc({
+    (0, vitest_1.it)('should run with custom output folder specified with --output compodocArgs', async () => {
+        (0, run_compodoc_1.runCompodoc)({
             compodocArgs: ['--output', 'path/to/customFolder'],
             tsconfig: 'path/to/tsconfig.json',
-        }, {
-            workspaceRoot: 'path/to/project',
-            logger: builderContextLoggerMock,
-        })
+        }, builderContextMock)
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '--output', 'path/to/customFolder'], 'path/to/project', 'inherit');
+        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '--output', 'path/to/customFolder'], 'path/to/project', 'inherit');
     });
-    it('should run with custom output folder specified with -d compodocArgs', async () => {
-        runCompodoc({
+    (0, vitest_1.it)('should run with custom output folder specified with -d compodocArgs', async () => {
+        (0, run_compodoc_1.runCompodoc)({
             compodocArgs: ['-d', 'path/to/customFolder'],
             tsconfig: 'path/to/tsconfig.json',
-        }, {
-            workspaceRoot: 'path/to/project',
-            logger: builderContextLoggerMock,
-        })
+        }, builderContextMock)
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/customFolder'], 'path/to/project', 'inherit');
+        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/customFolder'], 'path/to/project', 'inherit');
     });
 });

package/dist/client/angular-beta/RendererFactory.test.js

@@ -6,19 +6,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
 const core_1 = require("@angular/core");
 const testing_1 = require("@angular/platform-browser-dynamic/testing");
 const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
 const CanvasRenderer_1 = require("./CanvasRenderer");
 const RendererFactory_1 = require("./RendererFactory");
 const DocsRenderer_1 = require("./DocsRenderer");
-jest.mock('@angular/platform-browser-dynamic');
-describe('RendererFactory', () => {
+vitest_1.vi.mock('@angular/platform-browser-dynamic');
+(0, vitest_1.describe)('RendererFactory', () => {
     let rendererFactory;
     let rootTargetDOMNode;
     let rootDocstargetDOMNode;
     let storyInDocstargetDOMNode;
-    beforeEach(async () => {
+    (0, vitest_1.beforeEach)(async () => {
         rendererFactory = new RendererFactory_1.RendererFactory();
         document.body.innerHTML =
             '<div id="storybook-root"></div><div id="root-docs"><div id="story-in-docs"></div></div>' +
@@ -26,20 +27,20 @@ describe('RendererFactory', () => {
         rootTargetDOMNode = global.document.getElementById('storybook-root');
         rootDocstargetDOMNode = global.document.getElementById('root-docs');
         platform_browser_dynamic_1.platformBrowserDynamic.mockImplementation(testing_1.platformBrowserDynamicTesting);
-        jest.spyOn(console, 'log').mockImplementation(() => { });
+        vitest_1.vi.spyOn(console, 'log').mockImplementation(() => { });
     });
     afterEach(() => {
-        jest.clearAllMocks();
+        vitest_1.vi.clearAllMocks();
         // Necessary to avoid this error "Provided value for `preserveWhitespaces` can not be changed once it has been set." :
         // Source: https://github.com/angular/angular/commit/e342ffd855ffeb8af7067b42307ffa320d82177e#diff-92b125e532cc22977b46a91f068d6d7ea81fd61b772842a4a0212f1cfd875be6R28
         (0, core_1.ɵresetJitOptions)();
     });
-    describe('CanvasRenderer', () => {
-        it('should get CanvasRenderer instance', async () => {
+    (0, vitest_1.describe)('CanvasRenderer', () => {
+        (0, vitest_1.it)('should get CanvasRenderer instance', async () => {
             const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-            expect(render).toBeInstanceOf(CanvasRenderer_1.CanvasRenderer);
+            (0, vitest_1.expect)(render).toBeInstanceOf(CanvasRenderer_1.CanvasRenderer);
         });
-        it('should render my-story for story template', async () => {
+        (0, vitest_1.it)('should render my-story for story template', async () => {
             const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
             await render?.render({
                 storyFnAngular: {
@@ -49,9 +50,9 @@ describe('RendererFactory', () => {
                 forced: false,
                 targetDOMNode: rootTargetDOMNode,
             });
-            expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊');
+            (0, vitest_1.expect)(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊');
         });
-        it('should render my-story for story component', async () => {
+        (0, vitest_1.it)('should render my-story for story component', async () => {
             let FooComponent = class FooComponent {
             };
             FooComponent = __decorate([
@@ -66,9 +67,9 @@ describe('RendererFactory', () => {
                 component: FooComponent,
                 targetDOMNode: rootTargetDOMNode,
             });
-            expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('<foo>🦊</foo><!--container-->');
+            (0, vitest_1.expect)(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('<foo>🦊</foo><!--container-->');
         });
-        it('should handle circular reference in moduleMetadata', async () => {
+        (0, vitest_1.it)('should handle circular reference in moduleMetadata', async () => {
             class Thing {
                 constructor() {
                     this.token = this;
@@ -85,10 +86,10 @@ describe('RendererFactory', () => {
                 forced: false,
                 targetDOMNode: rootTargetDOMNode,
             });
-            expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊');
+            (0, vitest_1.expect)(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊');
         });
-        describe('when forced=true', () => {
-            beforeEach(async () => {
+        (0, vitest_1.describe)('when forced=true', () => {
+            (0, vitest_1.beforeEach)(async () => {
                 // Init first render
                 const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
                 await render?.render({
@@ -103,10 +104,10 @@ describe('RendererFactory', () => {
                     targetDOMNode: rootTargetDOMNode,
                 });
             });
-            it('should be rendered a first time', async () => {
-                expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊: Fox');
+            (0, vitest_1.it)('should be rendered a first time', async () => {
+                (0, vitest_1.expect)(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊: Fox');
             });
-            it('should not be re-rendered when only props change', async () => {
+            (0, vitest_1.it)('should not be re-rendered when only props change', async () => {
                 // only props change
                 const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
                 await render?.render({
@@ -118,9 +119,9 @@ describe('RendererFactory', () => {
                     forced: true,
                     targetDOMNode: rootTargetDOMNode,
                 });
-                expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('👾: Fox');
+                (0, vitest_1.expect)(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('👾: Fox');
             });
-            it('should be re-rendered when template change', async () => {
+            (0, vitest_1.it)('should be re-rendered when template change', async () => {
                 const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
                 await render?.render({
                     storyFnAngular: {
@@ -132,13 +133,13 @@ describe('RendererFactory', () => {
                     forced: true,
                     targetDOMNode: rootTargetDOMNode,
                 });
-                expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🍺');
+                (0, vitest_1.expect)(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🍺');
             });
         });
     });
-    describe('DocsRenderer', () => {
-        describe('when canvas render is done before', () => {
-            beforeEach(async () => {
+    (0, vitest_1.describe)('DocsRenderer', () => {
+        (0, vitest_1.describe)('when canvas render is done before', () => {
+            (0, vitest_1.beforeEach)(async () => {
                 // Init first Canvas render
                 const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
                 await render?.render({
@@ -149,21 +150,21 @@ describe('RendererFactory', () => {
                     targetDOMNode: rootTargetDOMNode,
                 });
             });
-            it('should reset root HTML', async () => {
+            (0, vitest_1.it)('should reset root HTML', async () => {
                 global.document
                     .getElementById('storybook-root')
                     .appendChild(global.document.createElement('👾'));
-                expect(global.document.getElementById('storybook-root').innerHTML).toContain('Canvas 🖼');
+                (0, vitest_1.expect)(global.document.getElementById('storybook-root').innerHTML).toContain('Canvas 🖼');
                 await rendererFactory.getRendererInstance(rootDocstargetDOMNode);
-                expect(global.document.getElementById('storybook-root').innerHTML).toBe('');
+                (0, vitest_1.expect)(global.document.getElementById('storybook-root').innerHTML).toBe('');
             });
         });
-        it('should get DocsRenderer instance', async () => {
+        (0, vitest_1.it)('should get DocsRenderer instance', async () => {
             const render = await rendererFactory.getRendererInstance(rootDocstargetDOMNode);
-            expect(render).toBeInstanceOf(DocsRenderer_1.DocsRenderer);
+            (0, vitest_1.expect)(render).toBeInstanceOf(DocsRenderer_1.DocsRenderer);
         });
-        describe('when multiple story for the same component', () => {
-            it('should render both stories', async () => {
+        (0, vitest_1.describe)('when multiple story for the same component', () => {
+            (0, vitest_1.it)('should render both stories', async () => {
                 let FooComponent = class FooComponent {
                 };
                 FooComponent = __decorate([
@@ -192,8 +193,8 @@ describe('RendererFactory', () => {
                     component: FooComponent,
                     targetDOMNode: targetDOMNode2,
                 });
-                expect(global.document.querySelectorAll('#story-1 > story-1')[0].innerHTML).toBe('<foo>🦊</foo><!--container-->');
-                expect(global.document.querySelectorAll('#story-1 > story-1')[1].innerHTML).toBe('<foo>🦊</foo><!--container-->');
+                (0, vitest_1.expect)(global.document.querySelectorAll('#story-1 > story-1')[0].innerHTML).toBe('<foo>🦊</foo><!--container-->');
+                (0, vitest_1.expect)(global.document.querySelectorAll('#story-1 > story-1')[1].innerHTML).toBe('<foo>🦊</foo><!--container-->');
             });
         });
     });

package/dist/client/angular-beta/utils/PropertyExtractor.test.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
 const common_1 = require("@angular/common");
 const core_1 = require("@angular/core");
 const platform_browser_1 = require("@angular/platform-browser");
@@ -46,109 +47,109 @@ const extractApplicationProviders = (metadata, component) => {
     const { applicationProviders } = new PropertyExtractor_1.PropertyExtractor(metadata, component);
     return applicationProviders;
 };
-describe('PropertyExtractor', () => {
-    jest.spyOn(console, 'warn').mockImplementation(() => { });
-    describe('analyzeMetadata', () => {
-        it('should remove BrowserModule', () => {
+(0, vitest_1.describe)('PropertyExtractor', () => {
+    vitest_1.vi.spyOn(console, 'warn').mockImplementation(() => { });
+    (0, vitest_1.describe)('analyzeMetadata', () => {
+        (0, vitest_1.it)('should remove BrowserModule', () => {
             const metadata = {
                 imports: [platform_browser_1.BrowserModule],
             };
             const { imports, providers, applicationProviders } = analyzeMetadata(metadata);
-            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
-            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
-            expect(applicationProviders.flat(Number.MAX_VALUE)).toEqual([]);
+            (0, vitest_1.expect)(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            (0, vitest_1.expect)(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            (0, vitest_1.expect)(applicationProviders.flat(Number.MAX_VALUE)).toEqual([]);
         });
-        it('should remove BrowserAnimationsModule and use its providers instead', () => {
+        (0, vitest_1.it)('should remove BrowserAnimationsModule and use its providers instead', () => {
             const metadata = {
                 imports: [animations_1.BrowserAnimationsModule],
             };
             const { imports, providers, applicationProviders } = analyzeMetadata(metadata);
-            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
-            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
-            expect(applicationProviders.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideAnimations)());
+            (0, vitest_1.expect)(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            (0, vitest_1.expect)(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            (0, vitest_1.expect)(applicationProviders.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideAnimations)());
         });
-        it('should remove NoopAnimationsModule and use its providers instead', () => {
+        (0, vitest_1.it)('should remove NoopAnimationsModule and use its providers instead', () => {
             const metadata = {
                 imports: [animations_1.NoopAnimationsModule],
             };
             const { imports, providers, applicationProviders } = analyzeMetadata(metadata);
-            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
-            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
-            expect(applicationProviders.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideNoopAnimations)());
+            (0, vitest_1.expect)(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            (0, vitest_1.expect)(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            (0, vitest_1.expect)(applicationProviders.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideNoopAnimations)());
         });
-        it('should remove Browser/Animations modules recursively', () => {
+        (0, vitest_1.it)('should remove Browser/Animations modules recursively', () => {
             const metadata = {
                 imports: [animations_1.BrowserAnimationsModule, platform_browser_1.BrowserModule],
             };
             const { imports, providers, applicationProviders } = analyzeMetadata(metadata);
-            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
-            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
-            expect(applicationProviders.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideAnimations)());
+            (0, vitest_1.expect)(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            (0, vitest_1.expect)(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            (0, vitest_1.expect)(applicationProviders.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideAnimations)());
         });
-        it('should not destructure Angular official module', () => {
+        (0, vitest_1.it)('should not destructure Angular official module', () => {
             const metadata = {
                 imports: [test_module_1.WithOfficialModule],
             };
             const { imports, providers, applicationProviders } = analyzeMetadata(metadata);
-            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule, test_module_1.WithOfficialModule]);
-            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
-            expect(applicationProviders.flat(Number.MAX_VALUE)).toEqual([]);
+            (0, vitest_1.expect)(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule, test_module_1.WithOfficialModule]);
+            (0, vitest_1.expect)(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            (0, vitest_1.expect)(applicationProviders.flat(Number.MAX_VALUE)).toEqual([]);
         });
     });
-    describe('extractImports', () => {
-        it('should return Angular official modules', () => {
+    (0, vitest_1.describe)('extractImports', () => {
+        (0, vitest_1.it)('should return Angular official modules', () => {
             const imports = extractImports({ imports: [TestModuleWithImportsAndProviders] });
-            expect(imports).toEqual([common_1.CommonModule, TestModuleWithImportsAndProviders]);
+            (0, vitest_1.expect)(imports).toEqual([common_1.CommonModule, TestModuleWithImportsAndProviders]);
         });
-        it('should return standalone components', () => {
+        (0, vitest_1.it)('should return standalone components', () => {
             const imports = extractImports({
                 imports: [TestModuleWithImportsAndProviders],
             }, StandaloneTestComponent);
-            expect(imports).toEqual([
+            (0, vitest_1.expect)(imports).toEqual([
                 common_1.CommonModule,
                 TestModuleWithImportsAndProviders,
                 StandaloneTestComponent,
             ]);
         });
-        it('should return standalone directives', () => {
+        (0, vitest_1.it)('should return standalone directives', () => {
             const imports = extractImports({
                 imports: [TestModuleWithImportsAndProviders],
             }, StandaloneTestDirective);
-            expect(imports).toEqual([
+            (0, vitest_1.expect)(imports).toEqual([
                 common_1.CommonModule,
                 TestModuleWithImportsAndProviders,
                 StandaloneTestDirective,
             ]);
         });
     });
-    describe('extractDeclarations', () => {
-        it('should return an array of declarations that contains `storyComponent`', () => {
+    (0, vitest_1.describe)('extractDeclarations', () => {
+        (0, vitest_1.it)('should return an array of declarations that contains `storyComponent`', () => {
             const declarations = extractDeclarations({ declarations: [TestComponent1] }, TestComponent2);
-            expect(declarations).toEqual([TestComponent1, TestComponent2]);
+            (0, vitest_1.expect)(declarations).toEqual([TestComponent1, TestComponent2]);
         });
     });
-    describe('analyzeDecorators', () => {
-        it('isStandalone should be false', () => {
+    (0, vitest_1.describe)('analyzeDecorators', () => {
+        (0, vitest_1.it)('isStandalone should be false', () => {
             const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(TestComponent1);
-            expect(isStandalone).toBe(false);
+            (0, vitest_1.expect)(isStandalone).toBe(false);
         });
-        it('isStandalone should be true', () => {
+        (0, vitest_1.it)('isStandalone should be true', () => {
             const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(StandaloneTestComponent);
-            expect(isStandalone).toBe(true);
+            (0, vitest_1.expect)(isStandalone).toBe(true);
         });
     });
-    describe('extractProviders', () => {
-        it('should return an array of providers', () => {
+    (0, vitest_1.describe)('extractProviders', () => {
+        (0, vitest_1.it)('should return an array of providers', () => {
             const providers = extractProviders({
                 providers: [TestService],
             });
-            expect(providers).toEqual([TestService]);
+            (0, vitest_1.expect)(providers).toEqual([TestService]);
         });
-        it('should return an array of singletons extracted', () => {
+        (0, vitest_1.it)('should return an array of singletons extracted', () => {
             const singeltons = extractApplicationProviders({
                 imports: [animations_1.BrowserAnimationsModule],
             });
-            expect(singeltons).toEqual((0, animations_1.provideAnimations)());
+            (0, vitest_1.expect)(singeltons).toEqual((0, animations_1.provideAnimations)());
         });
     });
 });

package/dist/client/decorators.test.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
 const core_1 = require("@angular/core");
 const decorators_1 = require("./decorators");
 const defaultContext = {
@@ -23,7 +24,7 @@ const defaultContext = {
     globals: {},
     hooks: {},
     loaded: {},
-    originalStoryFn: jest.fn(),
+    originalStoryFn: vitest_1.vi.fn(),
     viewMode: 'story',
     abortSignal: undefined,
     canvasElement: undefined,
@@ -39,11 +40,11 @@ let MockComponent = class MockComponent {
 MockComponent = __decorate([
     (0, core_1.Component)({})
 ], MockComponent);
-describe('applicationConfig', () => {
+(0, vitest_1.describe)('applicationConfig', () => {
     const provider1 = () => { };
     const provider2 = () => { };
-    it('should apply global config', () => {
-        expect((0, decorators_1.applicationConfig)({
+    (0, vitest_1.it)('should apply global config', () => {
+        (0, vitest_1.expect)((0, decorators_1.applicationConfig)({
             providers: [provider1],
         })(() => ({}), defaultContext)).toEqual({
             applicationConfig: {
@@ -51,8 +52,8 @@ describe('applicationConfig', () => {
             },
         });
     });
-    it('should apply story config', () => {
-        expect((0, decorators_1.applicationConfig)({
+    (0, vitest_1.it)('should apply story config', () => {
+        (0, vitest_1.expect)((0, decorators_1.applicationConfig)({
             providers: [],
         })(() => ({
             applicationConfig: {
@@ -66,8 +67,8 @@ describe('applicationConfig', () => {
             },
         });
     });
-    it('should merge global and story config', () => {
-        expect((0, decorators_1.applicationConfig)({
+    (0, vitest_1.it)('should merge global and story config', () => {
+        (0, vitest_1.expect)((0, decorators_1.applicationConfig)({
             providers: [provider1],
         })(() => ({
             applicationConfig: {
@@ -82,15 +83,15 @@ describe('applicationConfig', () => {
         });
     });
 });
-describe('moduleMetadata', () => {
-    it('should add metadata to a story without it', () => {
+(0, vitest_1.describe)('moduleMetadata', () => {
+    (0, vitest_1.it)('should add metadata to a story without it', () => {
         const result = (0, decorators_1.moduleMetadata)({
             imports: [MockModule],
             providers: [MockService],
         })(() => ({}), 
         // deepscan-disable-next-line
         defaultContext);
-        expect(result).toEqual({
+        (0, vitest_1.expect)(result).toEqual({
             moduleMetadata: {
                 declarations: [],
                 entryComponents: [],
@@ -100,7 +101,7 @@ describe('moduleMetadata', () => {
             },
         });
     });
-    it('should combine with individual metadata on a story', () => {
+    (0, vitest_1.it)('should combine with individual metadata on a story', () => {
         const result = (0, decorators_1.moduleMetadata)({
             imports: [MockModule],
         })(() => ({
@@ -112,7 +113,7 @@ describe('moduleMetadata', () => {
         }), 
         // deepscan-disable-next-line
         defaultContext);
-        expect(result).toEqual({
+        (0, vitest_1.expect)(result).toEqual({
             component: MockComponent,
             moduleMetadata: {
                 declarations: [],
@@ -123,7 +124,7 @@ describe('moduleMetadata', () => {
             },
         });
     });
-    it('should return the original metadata if passed null', () => {
+    (0, vitest_1.it)('should return the original metadata if passed null', () => {
         const result = (0, decorators_1.moduleMetadata)(null)(() => ({
             component: MockComponent,
             moduleMetadata: {
@@ -132,7 +133,7 @@ describe('moduleMetadata', () => {
         }), 
         // deepscan-disable-next-line
         defaultContext);
-        expect(result).toEqual({
+        (0, vitest_1.expect)(result).toEqual({
             component: MockComponent,
             moduleMetadata: {
                 declarations: [],

package/dist/client/docs/angular-properties.test.d.ts

@@ -1 +1 @@
-import 'jest-specific-snapshot';
+export {};

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

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-require("jest-specific-snapshot");
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const tmp_1 = __importDefault(require("tmp"));
@@ -48,13 +47,13 @@ describe('angular component properties', () => {
                 //   // snapshot the output of compodoc
                 //   const compodocOutput = runCompodoc(inputPath);
                 //   const compodocJson = JSON.parse(compodocOutput);
-                //   expect(compodocJson).toMatchSpecificSnapshot(
+                //   expect(compodocJson).toMatchFileSnapshot(
                 //     path.join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`)
                 //   );
                 //   // snapshot the output of addon-docs angular-properties
                 //   const componentData = findComponentByName('InputComponent', compodocJson);
                 //   const argTypes = extractArgTypesFromData(componentData);
-                //   expect(argTypes).toMatchSpecificSnapshot(path.join(testDir, 'argtypes.snapshot'));
+                //   expect(argTypes).toMatchFileSnapshot(path.join(testDir, 'argtypes.snapshot'));
                 // });
             }
         }

package/dist/client/docs/compodoc.test.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
 const compodoc_1 = require("./compodoc");
 const makeProperty = (compodocType) => ({
     type: compodocType,
@@ -93,10 +94,10 @@ const getDummyCompodocJson = () => {
         },
     };
 };
-describe('extractType', () => {
-    describe('with compodoc type', () => {
+(0, vitest_1.describe)('extractType', () => {
+    (0, vitest_1.describe)('with compodoc type', () => {
         (0, compodoc_1.setCompodocJson)(getDummyCompodocJson());
-        it.each([
+        vitest_1.it.each([
             ['string', { name: 'string' }],
             ['boolean', { name: 'boolean' }],
             ['number', { name: 'number' }],
@@ -112,11 +113,11 @@ describe('extractType', () => {
             // ['EnumNumericInitial', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
             ['EnumStringValues', { name: 'enum', value: ['PRIMARY', 'SECONDARY', 'TERTIARY'] }],
         ])('%s', (compodocType, expected) => {
-            expect((0, compodoc_1.extractType)(makeProperty(compodocType), null)).toEqual(expected);
+            (0, vitest_1.expect)((0, compodoc_1.extractType)(makeProperty(compodocType), null)).toEqual(expected);
         });
     });
-    describe('without compodoc type', () => {
-        it.each([
+    (0, vitest_1.describe)('without compodoc type', () => {
+        vitest_1.it.each([
             ['string', { name: 'string' }],
             ['', { name: 'string' }],
             [false, { name: 'boolean' }],
@@ -125,7 +126,7 @@ describe('extractType', () => {
             // [{ foo: 1 }, { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
             [undefined, { name: 'other', value: 'void' }],
         ])('%s', (defaultValue, expected) => {
-            expect((0, compodoc_1.extractType)(makeProperty(null), defaultValue)).toEqual(expected);
+            (0, vitest_1.expect)((0, compodoc_1.extractType)(makeProperty(null), defaultValue)).toEqual(expected);
         });
     });
 });

package/dist/test-setup.d.ts

@@ -0,0 +1 @@
+import '@analogjs/vite-plugin-angular/setup-vitest';

package/dist/test-setup.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// eslint-disable-next-line import/no-extraneous-dependencies
+require("@analogjs/vite-plugin-angular/setup-vitest");
+const testing_1 = require("@angular/platform-browser-dynamic/testing");
+const testing_2 = require("@angular/core/testing");
+(0, testing_2.getTestBed)().initTestEnvironment(testing_1.BrowserDynamicTestingModule, (0, testing_1.platformBrowserDynamicTesting)());

package/dist/test-setup.mjs

@@ -0,0 +1,5 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import '@analogjs/vite-plugin-angular/setup-vitest';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting, } from '@angular/platform-browser-dynamic/testing';
+import { getTestBed } from '@angular/core/testing';
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.0.0-alpha.4",
+  "version": "8.0.0-alpha.6",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -37,19 +37,19 @@
     "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.4",
-    "@storybook/cli": "8.0.0-alpha.4",
-    "@storybook/client-logger": "8.0.0-alpha.4",
-    "@storybook/core-common": "8.0.0-alpha.4",
-    "@storybook/core-events": "8.0.0-alpha.4",
-    "@storybook/core-server": "8.0.0-alpha.4",
-    "@storybook/core-webpack": "8.0.0-alpha.4",
-    "@storybook/docs-tools": "8.0.0-alpha.4",
+    "@storybook/builder-webpack5": "8.0.0-alpha.6",
+    "@storybook/cli": "8.0.0-alpha.6",
+    "@storybook/client-logger": "8.0.0-alpha.6",
+    "@storybook/core-common": "8.0.0-alpha.6",
+    "@storybook/core-events": "8.0.0-alpha.6",
+    "@storybook/core-server": "8.0.0-alpha.6",
+    "@storybook/core-webpack": "8.0.0-alpha.6",
+    "@storybook/docs-tools": "8.0.0-alpha.6",
     "@storybook/global": "^5.0.0",
-    "@storybook/node-logger": "8.0.0-alpha.4",
-    "@storybook/preview-api": "8.0.0-alpha.4",
-    "@storybook/telemetry": "8.0.0-alpha.4",
-    "@storybook/types": "8.0.0-alpha.4",
+    "@storybook/node-logger": "8.0.0-alpha.6",
+    "@storybook/preview-api": "8.0.0-alpha.6",
+    "@storybook/telemetry": "8.0.0-alpha.6",
+    "@storybook/types": "8.0.0-alpha.6",
     "@types/node": "^18.0.0",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
@@ -65,6 +65,7 @@
     "webpack": "5"
   },
   "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^0.2.24",
     "@angular-devkit/architect": "^0.1700.5",
     "@angular-devkit/build-angular": "^17.0.5",
     "@angular-devkit/core": "^17.0.5",
@@ -80,9 +81,7 @@
     "@types/cross-spawn": "^6.0.2",
     "@types/tmp": "^0.2.3",
     "cross-spawn": "^7.0.3",
-    "jest": "^29.7.0",
-    "jest-preset-angular": "^13.0.1",
-    "jest-specific-snapshot": "^8.0.0",
+    "jsdom": "^23.0.1",
     "tmp": "^0.2.1",
     "typescript": "^5.3.2",
     "webpack": "5",

package/jest.config.js

@@ -1,31 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
-  preset: 'jest-preset-angular/presets/defaults-esm',
-  setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-  transformIgnorePatterns: ['/node_modules/(?!@angular|rxjs|nanoid|uuid)'],
-  snapshotFormat: {
-    escapeString: true,
-    printBasicPrototype: true,
-  },
-  coverageDirectory: './coverage/testapp',
-  transform: {
-    '^.+\\.(ts|mjs|js|html)$': [
-      'jest-preset-angular',
-      {
-        tsconfig: '<rootDir>/tsconfig.spec.json',
-        stringifyContentPathRegex: '\\.(html|svg)$',
-      },
-    ],
-  },
-  snapshotSerializers: [
-    'jest-preset-angular/build/serializers/no-ng-attributes',
-    'jest-preset-angular/build/serializers/ng-snapshot',
-    'jest-preset-angular/build/serializers/html-comment',
-  ],
-  testMatch: [
-    '<rootDir>/src/**/__tests__/**/*.[jt]s?(x)',
-    '<rootDir>/src/**/?(*.)+(spec|test).[jt]s?(x)',
-  ],
-};