@storybook/angular 8.0.0-alpha.3 → 8.0.0-alpha.5

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/AbstractRenderer.d.ts

@@ -4,6 +4,13 @@ type StoryRenderInfo = {
     storyFnAngular: StoryFnAngularReturnType;
     moduleMetadataSnapshot: string;
 };
+/**
+ * Attribute name for the story UID that may be written to the targetDOMNode.
+ *
+ * If a target DOM node has a story UID attribute, it will be used as part of
+ * the selector for the Angular component.
+ */
+export declare const STORY_UID_ATTRIBUTE = "data-sb-story-uid";
 export declare abstract class AbstractRenderer {
     /**
      * Wait and destroy the platform
@@ -47,6 +54,9 @@ export declare abstract class AbstractRenderer {
      * @memberof AbstractRenderer
      */
     protected generateTargetSelectorFromStoryId(id: string): string;
+    /**
+     * Adds DOM element that angular will use as bootstrap component.
+     */
     protected initAngularRootElement(targetDOMNode: HTMLElement, targetSelector: string): void;
     private fullRendererRequired;
 }

package/dist/client/angular-beta/AbstractRenderer.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbstractRenderer = void 0;
+exports.AbstractRenderer = exports.STORY_UID_ATTRIBUTE = void 0;
 const core_1 = require("@angular/core");
 const platform_browser_1 = require("@angular/platform-browser");
 const rxjs_1 = require("rxjs");
@@ -34,6 +34,13 @@ const StorybookProvider_1 = require("./StorybookProvider");
 const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const PropertyExtractor_1 = require("./utils/PropertyExtractor");
 const applicationRefs = new Map();
+/**
+ * Attribute name for the story UID that may be written to the targetDOMNode.
+ *
+ * If a target DOM node has a story UID attribute, it will be used as part of
+ * the selector for the Angular component.
+ */
+exports.STORY_UID_ATTRIBUTE = 'data-sb-story-uid';
 class AbstractRenderer {
     /**
      * Wait and destroy the platform
@@ -90,10 +97,16 @@ class AbstractRenderer {
         this.storyProps$ = newStoryProps$;
         this.initAngularRootElement(targetDOMNode, targetSelector);
         const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor(storyFnAngular.moduleMetadata, component);
+        const storyUid = targetDOMNode.getAttribute(exports.STORY_UID_ATTRIBUTE);
+        const componentSelector = storyUid !== null ? `${targetSelector}[${storyUid}]` : targetSelector;
+        if (storyUid !== null) {
+            const element = targetDOMNode.querySelector(targetSelector);
+            element.toggleAttribute(storyUid, true);
+        }
         const application = (0, StorybookModule_1.getApplication)({
             storyFnAngular,
             component,
-            targetSelector,
+            targetSelector: componentSelector,
             analyzedMetadata,
         });
         const applicationRef = await (0, platform_browser_1.bootstrapApplication)(application, {
@@ -124,8 +137,10 @@ class AbstractRenderer {
         const storyIdIsInvalidHtmlTagName = invalidHtmlTag.test(id);
         return storyIdIsInvalidHtmlTagName ? `sb-${id.replace(invalidHtmlTag, '')}-component` : id;
     }
+    /**
+     * Adds DOM element that angular will use as bootstrap component.
+     */
     initAngularRootElement(targetDOMNode, targetSelector) {
-        // Adds DOM element that angular will use as bootstrap component
         // eslint-disable-next-line no-param-reassign
         targetDOMNode.innerHTML = '';
         targetDOMNode.appendChild(document.createElement(targetSelector));

package/dist/client/angular-beta/DocsRenderer.d.ts

@@ -10,4 +10,5 @@ export declare class DocsRenderer extends AbstractRenderer {
     }): Promise<void>;
     beforeFullRender(domNode?: HTMLElement): Promise<void>;
     afterFullRender(): Promise<void>;
+    protected initAngularRootElement(targetDOMNode: HTMLElement, targetSelector: string): void;
 }

package/dist/client/angular-beta/DocsRenderer.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocsRenderer = void 0;
 const preview_api_1 = require("@storybook/preview-api");
 const core_events_1 = require("@storybook/core-events");
+const StoryUID_1 = require("./utils/StoryUID");
 const AbstractRenderer_1 = require("./AbstractRenderer");
 class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
     async render(options) {
@@ -36,5 +37,9 @@ class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
     async afterFullRender() {
         await AbstractRenderer_1.AbstractRenderer.resetCompiledComponents();
     }
+    initAngularRootElement(targetDOMNode, targetSelector) {
+        super.initAngularRootElement(targetDOMNode, targetSelector);
+        targetDOMNode.setAttribute(AbstractRenderer_1.STORY_UID_ATTRIBUTE, (0, StoryUID_1.getNextStoryUID)(targetDOMNode.id));
+    }
 }
 exports.DocsRenderer = DocsRenderer;