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

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

@@ -10,14 +10,15 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@angular/core");
+const vitest_1 = require("vitest");
 const testing_1 = require("@angular/core/testing");
 const rxjs_1 = require("rxjs");
 const StorybookModule_1 = require("./StorybookModule");
 const StorybookProvider_1 = require("./StorybookProvider");
 const PropertyExtractor_1 = require("./utils/PropertyExtractor");
-describe('StorybookModule', () => {
-    describe('getStorybookModuleMetadata', () => {
-        describe('with simple component', () => {
+(0, vitest_1.describe)('StorybookModule', () => {
+    (0, vitest_1.describe)('getStorybookModuleMetadata', () => {
+        (0, vitest_1.describe)('with simple component', () => {
             let FooComponent = class FooComponent {
                 constructor() {
                     this.output = new core_1.EventEmitter();
@@ -64,7 +65,7 @@ describe('StorybookModule', () => {
         `,
                 })
             ], FooComponent);
-            it('should initialize inputs', async () => {
+            (0, vitest_1.it)('should initialize inputs', async () => {
                 const props = {
                     input: 'input',
                     inputBindingPropertyName: 'inputBindingPropertyName',
@@ -83,12 +84,12 @@ describe('StorybookModule', () => {
                     providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
                 });
                 fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(props.input);
-                expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual(props.inputBindingPropertyName);
-                expect(fixture.nativeElement.querySelector('p#localProperty').innerHTML).toEqual(props.localProperty);
-                expect(fixture.nativeElement.querySelector('p#localFunction').innerHTML).toEqual(props.localFunction());
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(props.input);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual(props.inputBindingPropertyName);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#localProperty').innerHTML).toEqual(props.localProperty);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#localFunction').innerHTML).toEqual(props.localFunction());
             });
-            it('should initialize outputs', async () => {
+            (0, vitest_1.it)('should initialize outputs', async () => {
                 let expectedOutputValue;
                 let expectedOutputBindingValue;
                 const props = {
@@ -113,10 +114,10 @@ describe('StorybookModule', () => {
                 fixture.detectChanges();
                 fixture.nativeElement.querySelector('p#output').click();
                 fixture.nativeElement.querySelector('p#outputBindingPropertyName').click();
-                expect(expectedOutputValue).toEqual('outputEmitted');
-                expect(expectedOutputBindingValue).toEqual('outputEmitted');
+                (0, vitest_1.expect)(expectedOutputValue).toEqual('outputEmitted');
+                (0, vitest_1.expect)(expectedOutputBindingValue).toEqual('outputEmitted');
             });
-            it('should change inputs if storyProps$ Subject emit', async () => {
+            (0, vitest_1.it)('should change inputs if storyProps$ Subject emit', async () => {
                 const initialProps = {
                     input: 'input',
                     inputBindingPropertyName: '',
@@ -134,8 +135,8 @@ describe('StorybookModule', () => {
                     providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
                 });
                 fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
-                expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual('');
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual('');
                 const newProps = {
                     input: 'new input',
                     inputBindingPropertyName: 'new inputBindingPropertyName',
@@ -144,12 +145,12 @@ describe('StorybookModule', () => {
                 };
                 storyProps$.next(newProps);
                 fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
-                expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual(newProps.inputBindingPropertyName);
-                expect(fixture.nativeElement.querySelector('p#localProperty').innerHTML).toEqual(newProps.localProperty);
-                expect(fixture.nativeElement.querySelector('p#localFunction').innerHTML).toEqual(newProps.localFunction());
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual(newProps.inputBindingPropertyName);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#localProperty').innerHTML).toEqual(newProps.localProperty);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#localFunction').innerHTML).toEqual(newProps.localFunction());
             });
-            it('should override outputs if storyProps$ Subject emit', async () => {
+            (0, vitest_1.it)('should override outputs if storyProps$ Subject emit', async () => {
                 let expectedOutputValue;
                 let expectedOutputBindingValue;
                 const initialProps = {
@@ -187,11 +188,11 @@ describe('StorybookModule', () => {
                 fixture.detectChanges();
                 fixture.nativeElement.querySelector('p#output').click();
                 fixture.nativeElement.querySelector('p#outputBindingPropertyName').click();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
-                expect(expectedOutputValue).toEqual('should be called');
-                expect(expectedOutputBindingValue).toEqual('should be called');
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
+                (0, vitest_1.expect)(expectedOutputValue).toEqual('should be called');
+                (0, vitest_1.expect)(expectedOutputBindingValue).toEqual('should be called');
             });
-            it('should change template inputs if storyProps$ Subject emit', async () => {
+            (0, vitest_1.it)('should change template inputs if storyProps$ Subject emit', async () => {
                 const initialProps = {
                     color: 'red',
                     input: 'input',
@@ -212,18 +213,18 @@ describe('StorybookModule', () => {
                     providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
                 });
                 fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p').style.color).toEqual('red');
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p').style.color).toEqual('red');
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
                 const newProps = {
                     color: 'black',
                     input: 'new input',
                 };
                 storyProps$.next(newProps);
                 fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p').style.color).toEqual('black');
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p').style.color).toEqual('black');
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
             });
-            it('should call the Input() setter the right number of times', async () => {
+            (0, vitest_1.it)('should call the Input() setter the right number of times', async () => {
                 const initialProps = {
                     setter: 'init',
                 };
@@ -240,16 +241,16 @@ describe('StorybookModule', () => {
                     providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
                 });
                 fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('1');
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('1');
                 const newProps = {
                     setter: 'new setter value',
                 };
                 storyProps$.next(newProps);
                 fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('2');
+                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('2');
             });
         });
-        describe('with component without selector', () => {
+        (0, vitest_1.describe)('with component without selector', () => {
             let WithoutSelectorComponent = class WithoutSelectorComponent {
             };
             WithoutSelectorComponent = __decorate([
@@ -257,7 +258,7 @@ describe('StorybookModule', () => {
                     template: `The content`,
                 })
             ], WithoutSelectorComponent);
-            it('should display the component', async () => {
+            (0, vitest_1.it)('should display the component', async () => {
                 const props = {};
                 const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({ entryComponents: [WithoutSelectorComponent] }, WithoutSelectorComponent);
                 const application = (0, StorybookModule_1.getApplication)({
@@ -274,10 +275,10 @@ describe('StorybookModule', () => {
                     providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
                 });
                 fixture.detectChanges();
-                expect(fixture.nativeElement.innerHTML).toContain('The content');
+                (0, vitest_1.expect)(fixture.nativeElement.innerHTML).toContain('The content');
             });
         });
-        it('should keep template with an empty value', async () => {
+        (0, vitest_1.it)('should keep template with an empty value', async () => {
             let FooComponent = class FooComponent {
             };
             FooComponent = __decorate([
@@ -298,7 +299,7 @@ describe('StorybookModule', () => {
                 providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject({}))],
             });
             fixture.detectChanges();
-            expect(fixture.nativeElement.innerHTML).toEqual('');
+            (0, vitest_1.expect)(fixture.nativeElement.innerHTML).toEqual('');
         });
     });
     async function configureTestingModule(ngModule) {

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

@@ -1,7 +1,6 @@
 import { Type } from '@angular/core';
 import { ICollection, NgModuleMetadata } from '../types';
 import { PropertyExtractor } from './utils/PropertyExtractor';
-export declare const componentNgModules: Map<any, Type<any>>;
 /**
  * Wraps the story template into a component
  */

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

@@ -12,7 +12,7 @@ var __param = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStorybookWrapperComponent = exports.componentNgModules = void 0;
+exports.createStorybookWrapperComponent = void 0;
 const core_1 = require("@angular/core");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
@@ -28,8 +28,6 @@ const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
         .map((o) => o.templateName);
     return Object.keys(props).filter((k) => ![...inputs, ...outputs].includes(k));
 };
-// component modules cache
-exports.componentNgModules = new Map();
 /**
  * Wraps the story template into a component
  */
@@ -38,24 +36,15 @@ const createStorybookWrapperComponent = ({ selector, template, storyComponent, s
     // storyComponent was not provided.
     const viewChildSelector = storyComponent ?? '__storybook-noop';
     const { imports, declarations, providers } = analyzedMetadata;
-    // Only create a new module if it doesn't already exist
-    // This is to prevent the module from being recreated on every story change
-    // Declarations & Imports are only added once
-    // Providers are added on every story change to allow for story-specific providers
-    let ngModule = exports.componentNgModules.get(storyComponent);
-    if (!ngModule) {
-        let StorybookComponentModule = class StorybookComponentModule {
-        };
-        StorybookComponentModule = __decorate([
-            (0, core_1.NgModule)({
-                declarations,
-                imports,
-                exports: [...declarations, ...imports],
-            })
-        ], StorybookComponentModule);
-        exports.componentNgModules.set(storyComponent, StorybookComponentModule);
-        ngModule = exports.componentNgModules.get(storyComponent);
-    }
+    let StorybookComponentModule = class StorybookComponentModule {
+    };
+    StorybookComponentModule = __decorate([
+        (0, core_1.NgModule)({
+            declarations,
+            imports,
+            exports: [...declarations, ...imports],
+        })
+    ], StorybookComponentModule);
     PropertyExtractor_1.PropertyExtractor.warnImportsModuleWithProviders(analyzedMetadata);
     let StorybookWrapperComponent = class StorybookWrapperComponent {
         constructor(storyProps$, changeDetectorRef) {
@@ -125,7 +114,7 @@ const createStorybookWrapperComponent = ({ selector, template, storyComponent, s
             selector,
             template,
             standalone: true,
-            imports: [ngModule],
+            imports: [StorybookComponentModule],
             providers,
             styles,
             schemas: moduleMetadata.schemas,

package/dist/client/angular-beta/utils/BootstrapQueue.d.ts

@@ -0,0 +1,14 @@
+import { ApplicationRef } from '@angular/core';
+/**
+ * Queue bootstrapping, so that only one application can be bootstrapped at a
+ * time.
+ *
+ * Bootstrapping multiple applications at once can cause Angular to throw an
+ * error that a component is declared in multiple modules. This avoids two
+ * stories confusing the Angular compiler, by bootstrapping more that one
+ * application at a time.
+ *
+ * @param fn callback that should complete the bootstrap process
+ * @returns ApplicationRef from the completed bootstrap process
+ */
+export declare const queueBootstrapping: (fn: () => Promise<ApplicationRef>) => Promise<ApplicationRef>;

package/dist/client/angular-beta/utils/BootstrapQueue.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.queueBootstrapping = void 0;
+const queue = [];
+let isProcessing = false;
+/**
+ * Reset compiled components because we often want to compile the same component with
+ * more than one NgModule.
+ */
+const resetCompiledComponents = async () => {
+    try {
+        // Clear global Angular component cache in order to be able to re-render the same component across multiple stories
+        //
+        // References:
+        // https://github.com/angular/angular-cli/blob/master/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts#L50
+        // https://github.com/angular/angular/blob/2ebe2bcb2fe19bf672316b05f15241fd7fd40803/packages/core/src/render3/jit/module.ts#L377-L384
+        const { ɵresetCompiledComponents } = await Promise.resolve().then(() => __importStar(require('@angular/core')));
+        ɵresetCompiledComponents();
+    }
+    catch (e) {
+        /**
+         * noop catch
+         * This means angular removed or modified ɵresetCompiledComponents
+         */
+    }
+};
+/**
+ * Queue bootstrapping, so that only one application can be bootstrapped at a
+ * time.
+ *
+ * Bootstrapping multiple applications at once can cause Angular to throw an
+ * error that a component is declared in multiple modules. This avoids two
+ * stories confusing the Angular compiler, by bootstrapping more that one
+ * application at a time.
+ *
+ * @param fn callback that should complete the bootstrap process
+ * @returns ApplicationRef from the completed bootstrap process
+ */
+const queueBootstrapping = (fn) => {
+    return new Promise((resolve, reject) => {
+        queue.push(() => fn().then(resolve).catch(reject));
+        if (!isProcessing) {
+            processQueue();
+        }
+    });
+};
+exports.queueBootstrapping = queueBootstrapping;
+const processQueue = async () => {
+    isProcessing = true;
+    while (queue.length > 0) {
+        const bootstrappingFn = queue.shift();
+        if (bootstrappingFn) {
+            await bootstrappingFn();
+            await resetCompiledComponents();
+        }
+    }
+    isProcessing = false;
+};

package/dist/client/angular-beta/utils/BootstrapQueue.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rxjs_1 = require("rxjs");
+const vitest_1 = require("vitest");
+const BootstrapQueue_1 = require("./BootstrapQueue");
+const instantWaitFor = (fn) => {
+    return vitest_1.vi.waitFor(fn, {
+        interval: 0,
+    });
+};
+(0, vitest_1.describe)('BootstrapQueue', () => {
+    (0, vitest_1.beforeEach)(async () => {
+        vitest_1.vi.spyOn(console, 'log').mockImplementation(() => { });
+    });
+    (0, vitest_1.afterEach)(() => {
+        vitest_1.vi.clearAllMocks();
+    });
+    (0, vitest_1.it)('should wait until complete', async () => {
+        const pendingSubject = new rxjs_1.Subject();
+        const bootstrapApp = vitest_1.vi.fn().mockImplementation(async () => {
+            return (0, rxjs_1.lastValueFrom)(pendingSubject);
+        });
+        const bootstrapAppFinished = vitest_1.vi.fn();
+        (0, BootstrapQueue_1.queueBootstrapping)(bootstrapApp).then(() => {
+            bootstrapAppFinished();
+        });
+        await instantWaitFor(() => {
+            if (bootstrapApp.mock.calls.length !== 1) {
+                throw new Error('bootstrapApp should not have been called yet');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppFinished).not.toHaveBeenCalled();
+        pendingSubject.next();
+        pendingSubject.complete();
+        await instantWaitFor(() => {
+            if (bootstrapAppFinished.mock.calls.length !== 1) {
+                throw new Error('bootstrapApp should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapAppFinished).toHaveBeenCalled();
+    });
+    (0, vitest_1.it)('should prevent following tasks, until the preview tasks are complete', async () => {
+        const pendingSubject = new rxjs_1.Subject();
+        const bootstrapApp = vitest_1.vi.fn().mockImplementation(async () => {
+            return (0, rxjs_1.lastValueFrom)(pendingSubject);
+        });
+        const bootstrapAppFinished = vitest_1.vi.fn();
+        const pendingSubject2 = new rxjs_1.Subject();
+        const bootstrapApp2 = vitest_1.vi.fn().mockImplementation(async () => {
+            return (0, rxjs_1.lastValueFrom)(pendingSubject2);
+        });
+        const bootstrapAppFinished2 = vitest_1.vi.fn();
+        const pendingSubject3 = new rxjs_1.Subject();
+        const bootstrapApp3 = vitest_1.vi.fn().mockImplementation(async () => {
+            return (0, rxjs_1.lastValueFrom)(pendingSubject3);
+        });
+        const bootstrapAppFinished3 = vitest_1.vi.fn();
+        (0, BootstrapQueue_1.queueBootstrapping)(bootstrapApp).then(bootstrapAppFinished);
+        (0, BootstrapQueue_1.queueBootstrapping)(bootstrapApp2).then(bootstrapAppFinished2);
+        (0, BootstrapQueue_1.queueBootstrapping)(bootstrapApp3).then(bootstrapAppFinished3);
+        await instantWaitFor(() => {
+            if (bootstrapApp.mock.calls.length !== 1) {
+                throw new Error('bootstrapApp should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppFinished).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp2).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppFinished2).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp3).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppFinished3).not.toHaveBeenCalled();
+        pendingSubject.next();
+        pendingSubject.complete();
+        await instantWaitFor(() => {
+            if (bootstrapApp2.mock.calls.length !== 1) {
+                throw new Error('bootstrapApp2 should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveReturnedTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp2).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppFinished2).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp3).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppFinished3).not.toHaveBeenCalled();
+        pendingSubject2.next();
+        pendingSubject2.complete();
+        await instantWaitFor(() => {
+            if (bootstrapApp3.mock.calls.length !== 1) {
+                throw new Error('bootstrapApp3 should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveReturnedTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp2).toHaveReturnedTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished2).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp3).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppFinished3).not.toHaveBeenCalled();
+        pendingSubject3.next();
+        pendingSubject3.complete();
+        await instantWaitFor(() => {
+            if (bootstrapAppFinished3.mock.calls.length !== 1) {
+                throw new Error('bootstrapAppFinished3 should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveReturnedTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp2).toHaveReturnedTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished2).toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp3).toHaveReturnedTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished3).toHaveBeenCalled();
+    });
+    (0, vitest_1.it)('should throw and continue next bootstrap on error', async () => {
+        const pendingSubject = new rxjs_1.Subject();
+        const bootstrapApp = vitest_1.vi.fn().mockImplementation(async () => {
+            return (0, rxjs_1.lastValueFrom)(pendingSubject);
+        });
+        const bootstrapAppFinished = vitest_1.vi.fn();
+        const bootstrapAppError = vitest_1.vi.fn();
+        const pendingSubject2 = new rxjs_1.Subject();
+        const bootstrapApp2 = vitest_1.vi.fn().mockImplementation(async () => {
+            return (0, rxjs_1.lastValueFrom)(pendingSubject2);
+        });
+        const bootstrapAppFinished2 = vitest_1.vi.fn();
+        const bootstrapAppError2 = vitest_1.vi.fn();
+        (0, BootstrapQueue_1.queueBootstrapping)(bootstrapApp).then(bootstrapAppFinished).catch(bootstrapAppError);
+        (0, BootstrapQueue_1.queueBootstrapping)(bootstrapApp2).then(bootstrapAppFinished2).catch(bootstrapAppError2);
+        await instantWaitFor(() => {
+            if (bootstrapApp.mock.calls.length !== 1) {
+                throw new Error('bootstrapApp should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapApp2).not.toHaveBeenCalled();
+        pendingSubject.error(new Error('test error'));
+        await instantWaitFor(() => {
+            if (bootstrapAppError.mock.calls.length !== 1) {
+                throw new Error('bootstrapAppError should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppError).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapApp2).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished2).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppError2).not.toHaveBeenCalled();
+        pendingSubject2.next();
+        pendingSubject2.complete();
+        await instantWaitFor(() => {
+            if (bootstrapAppFinished2.mock.calls.length !== 1) {
+                throw new Error('bootstrapAppFinished2 should have been called once');
+            }
+        });
+        (0, vitest_1.expect)(bootstrapApp).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished).not.toHaveBeenCalled();
+        (0, vitest_1.expect)(bootstrapAppError).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapApp2).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapAppFinished2).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(bootstrapAppError2).not.toHaveBeenCalled();
+    });
+});