@storybook/angular 9.1.0-alpha.1 → 9.1.0-alpha.10

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

@@ -1,233 +0,0 @@
-// @vitest-environment happy-dom
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { vi, describe, it, expect, beforeEach, afterEach } from 'vitest';
-import { Component, ɵresetJitOptions } from '@angular/core';
-import { platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { CanvasRenderer } from './CanvasRenderer';
-import { RendererFactory } from './RendererFactory';
-import { DocsRenderer } from './DocsRenderer';
-vi.mock('@angular/platform-browser-dynamic');
-describe('RendererFactory', () => {
-    let rendererFactory;
-    let rootTargetDOMNode;
-    let rootDocstargetDOMNode;
-    beforeEach(async () => {
-        rendererFactory = new RendererFactory();
-        document.body.innerHTML =
-            '<div id="storybook-root"></div><div id="root-docs"><div id="story-in-docs"></div></div>' +
-                '<div id="storybook-docs"></div>';
-        rootTargetDOMNode = global.document.getElementById('storybook-root');
-        rootDocstargetDOMNode = global.document.getElementById('root-docs');
-        platformBrowserDynamic.mockImplementation(platformBrowserDynamicTesting);
-        vi.spyOn(console, 'log').mockImplementation(() => { });
-        // @ts-expect-error Ignore
-        globalThis.STORYBOOK_ANGULAR_OPTIONS = { experimentalZoneless: false };
-    });
-    afterEach(() => {
-        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
-        ɵresetJitOptions();
-    });
-    describe('CanvasRenderer', () => {
-        it('should get CanvasRenderer instance', async () => {
-            const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-            expect(render).toBeInstanceOf(CanvasRenderer);
-        });
-        it('should render my-story for story template', async () => {
-            const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-            await render?.render({
-                storyFnAngular: {
-                    template: '🦊',
-                    props: {},
-                },
-                forced: false,
-                targetDOMNode: rootTargetDOMNode,
-            });
-            expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊');
-        });
-        it('should render my-story for story component', async () => {
-            let FooComponent = class FooComponent {
-            };
-            FooComponent = __decorate([
-                Component({ selector: 'foo', template: '🦊' })
-            ], FooComponent);
-            const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-            await render?.render({
-                storyFnAngular: {
-                    props: {},
-                },
-                forced: false,
-                component: FooComponent,
-                targetDOMNode: rootTargetDOMNode,
-            });
-            expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('<foo>🦊</foo><!--container-->');
-        });
-        it('should handle circular reference in moduleMetadata', async () => {
-            class Thing {
-                constructor() {
-                    this.token = this;
-                }
-            }
-            const token = new Thing();
-            const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-            await render?.render({
-                storyFnAngular: {
-                    template: '🦊',
-                    props: {},
-                    moduleMetadata: { providers: [{ provide: 'foo', useValue: token }] },
-                },
-                forced: false,
-                targetDOMNode: rootTargetDOMNode,
-            });
-            expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊');
-        });
-        describe('when forced=true', () => {
-            beforeEach(async () => {
-                // Init first render
-                const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-                await render?.render({
-                    storyFnAngular: {
-                        template: '{{ logo }}: {{ name }}',
-                        props: {
-                            logo: '🦊',
-                            name: 'Fox',
-                        },
-                    },
-                    forced: true,
-                    targetDOMNode: rootTargetDOMNode,
-                });
-            });
-            it('should be rendered a first time', async () => {
-                expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🦊: Fox');
-            });
-            it('should not be re-rendered when only props change', async () => {
-                // only props change
-                const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-                await render?.render({
-                    storyFnAngular: {
-                        props: {
-                            logo: '👾',
-                        },
-                    },
-                    forced: true,
-                    targetDOMNode: rootTargetDOMNode,
-                });
-                expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('👾: Fox');
-            });
-            it('should be re-rendered when template change', async () => {
-                const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-                await render?.render({
-                    storyFnAngular: {
-                        template: '{{ beer }}',
-                        props: {
-                            beer: '🍺',
-                        },
-                    },
-                    forced: true,
-                    targetDOMNode: rootTargetDOMNode,
-                });
-                expect(document.body.getElementsByTagName('storybook-root')[0].innerHTML).toBe('🍺');
-            });
-        });
-    });
-    describe('DocsRenderer', () => {
-        describe('when canvas render is done before', () => {
-            beforeEach(async () => {
-                // Init first Canvas render
-                const render = await rendererFactory.getRendererInstance(rootTargetDOMNode);
-                await render?.render({
-                    storyFnAngular: {
-                        template: 'Canvas 🖼',
-                    },
-                    forced: true,
-                    targetDOMNode: rootTargetDOMNode,
-                });
-            });
-            it('should reset root HTML', async () => {
-                global.document
-                    .getElementById('storybook-root')
-                    .appendChild(global.document.createElement('👾'));
-                expect(global.document.getElementById('storybook-root').innerHTML).toContain('Canvas 🖼');
-                await rendererFactory.getRendererInstance(rootDocstargetDOMNode);
-                expect(global.document.getElementById('storybook-root').innerHTML).toBe('');
-            });
-        });
-        it('should get DocsRenderer instance', async () => {
-            const render = await rendererFactory.getRendererInstance(rootDocstargetDOMNode);
-            expect(render).toBeInstanceOf(DocsRenderer);
-        });
-        describe('when multiple story for the same component', () => {
-            it('should render both stories', async () => {
-                let FooComponent = class FooComponent {
-                };
-                FooComponent = __decorate([
-                    Component({ selector: 'foo', template: '🦊' })
-                ], FooComponent);
-                const render = await rendererFactory.getRendererInstance(global.document.getElementById('storybook-docs'));
-                const targetDOMNode1 = global.document.createElement('div');
-                targetDOMNode1.id = 'story-1';
-                global.document.getElementById('storybook-docs').appendChild(targetDOMNode1);
-                await render?.render({
-                    storyFnAngular: {
-                        props: {},
-                    },
-                    forced: false,
-                    component: FooComponent,
-                    targetDOMNode: targetDOMNode1,
-                });
-                const targetDOMNode2 = global.document.createElement('div');
-                targetDOMNode2.id = 'story-1';
-                global.document.getElementById('storybook-docs').appendChild(targetDOMNode2);
-                await render?.render({
-                    storyFnAngular: {
-                        props: {},
-                    },
-                    forced: false,
-                    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-->');
-            });
-        });
-        describe('when bootstrapping multiple stories in parallel', () => {
-            it('should render both stories', async () => {
-                let FooComponent = class FooComponent {
-                };
-                FooComponent = __decorate([
-                    Component({ selector: 'foo', template: '🦊' })
-                ], FooComponent);
-                const render = await rendererFactory.getRendererInstance(global.document.getElementById('storybook-docs'));
-                const targetDOMNode1 = global.document.createElement('div');
-                targetDOMNode1.id = 'story-1';
-                global.document.getElementById('storybook-docs').appendChild(targetDOMNode1);
-                const targetDOMNode2 = global.document.createElement('div');
-                targetDOMNode2.id = 'story-2';
-                global.document.getElementById('storybook-docs').appendChild(targetDOMNode2);
-                await Promise.all([
-                    render.render({
-                        storyFnAngular: {},
-                        forced: false,
-                        component: FooComponent,
-                        targetDOMNode: targetDOMNode1,
-                    }),
-                    render.render({
-                        storyFnAngular: {},
-                        forced: false,
-                        component: FooComponent,
-                        targetDOMNode: targetDOMNode2,
-                    }),
-                ]);
-                expect(global.document.querySelector('#story-1 > story-1').innerHTML).toBe('<foo>🦊</foo><!--container-->');
-                expect(global.document.querySelector('#story-2 > story-2').innerHTML).toBe('<foo>🦊</foo><!--container-->');
-            });
-        });
-    });
-});

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

@@ -1,8 +0,0 @@
-import { StoryFnAngularReturnType } from '../types';
-import { PropertyExtractor } from './utils/PropertyExtractor';
-export declare const getApplication: ({ storyFnAngular, component, targetSelector, analyzedMetadata, }: {
-    storyFnAngular: StoryFnAngularReturnType;
-    component?: any;
-    targetSelector: string;
-    analyzedMetadata: PropertyExtractor;
-}) => import("@angular/core").Type<any>;

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

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getApplication = void 0;
-const ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent");
-const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
-const getApplication = ({ storyFnAngular, component, targetSelector, analyzedMetadata, }) => {
-    const { props, styles, moduleMetadata = {} } = storyFnAngular;
-    let { template } = storyFnAngular;
-    const hasTemplate = !hasNoTemplate(template);
-    if (!hasTemplate && component) {
-        template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, props, '');
-    }
-    /** Create a component that wraps generated template and gives it props */
-    return (0, StorybookWrapperComponent_1.createStorybookWrapperComponent)({
-        moduleMetadata,
-        selector: targetSelector,
-        template,
-        storyComponent: component,
-        styles,
-        initialProps: props,
-        analyzedMetadata,
-    });
-};
-exports.getApplication = getApplication;
-function hasNoTemplate(template) {
-    return template === null || template === undefined;
-}

package/dist/client/angular-beta/StorybookModule.mjs

@@ -1,23 +0,0 @@
-import { computesTemplateFromComponent } from './ComputesTemplateFromComponent';
-import { createStorybookWrapperComponent } from './StorybookWrapperComponent';
-export const getApplication = ({ storyFnAngular, component, targetSelector, analyzedMetadata, }) => {
-    const { props, styles, moduleMetadata = {} } = storyFnAngular;
-    let { template } = storyFnAngular;
-    const hasTemplate = !hasNoTemplate(template);
-    if (!hasTemplate && component) {
-        template = computesTemplateFromComponent(component, props, '');
-    }
-    /** Create a component that wraps generated template and gives it props */
-    return createStorybookWrapperComponent({
-        moduleMetadata,
-        selector: targetSelector,
-        template,
-        storyComponent: component,
-        styles,
-        initialProps: props,
-        analyzedMetadata,
-    });
-};
-function hasNoTemplate(template) {
-    return template === null || template === undefined;
-}

package/dist/client/angular-beta/StorybookModule.test.d.ts

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

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

@@ -1,321 +0,0 @@
-"use strict";
-// @vitest-environment happy-dom
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(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");
-(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();
-                    this.localOutput = new core_1.EventEmitter();
-                    this.localFunction = () => '';
-                    this.setterCallNb = 0;
-                }
-                set setter(value) {
-                    this.setterCallNb += 1;
-                }
-            };
-            __decorate([
-                (0, core_1.Input)(),
-                __metadata("design:type", String)
-            ], FooComponent.prototype, "input", void 0);
-            __decorate([
-                (0, core_1.Input)('inputBindingPropertyName'),
-                __metadata("design:type", String)
-            ], FooComponent.prototype, "localPropertyName", void 0);
-            __decorate([
-                (0, core_1.Input)(),
-                __metadata("design:type", String),
-                __metadata("design:paramtypes", [String])
-            ], FooComponent.prototype, "setter", null);
-            __decorate([
-                (0, core_1.Output)(),
-                __metadata("design:type", Object)
-            ], FooComponent.prototype, "output", void 0);
-            __decorate([
-                (0, core_1.Output)('outputBindingPropertyName'),
-                __metadata("design:type", Object)
-            ], FooComponent.prototype, "localOutput", void 0);
-            FooComponent = __decorate([
-                (0, core_1.Component)({
-                    selector: 'foo',
-                    template: `
-          <p id="input">{{ input }}</p>
-<p id="inputBindingPropertyName">{{ localPropertyName }}</p>
-<p id="setterCallNb">{{ setterCallNb }}</p>
-<p id="localProperty">{{ localProperty }}</p>
-<p id="localFunction">{{ localFunction() }}</p>
-<p id="output" (click)="output.emit('outputEmitted')"></p>
-<p id="outputBindingPropertyName" (click)="localOutput.emit('outputEmitted')"></p>
-        `,
-                })
-            ], FooComponent);
-            (0, vitest_1.it)('should initialize inputs', async () => {
-                const props = {
-                    input: 'input',
-                    inputBindingPropertyName: 'inputBindingPropertyName',
-                    localProperty: 'localProperty',
-                    localFunction: () => 'localFunction',
-                };
-                const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = (0, StorybookModule_1.getApplication)({
-                    storyFnAngular: { props },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
-                });
-                fixture.detectChanges();
-                (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());
-            });
-            (0, vitest_1.it)('should initialize outputs', async () => {
-                let expectedOutputValue;
-                let expectedOutputBindingValue;
-                const props = {
-                    output: (value) => {
-                        expectedOutputValue = value;
-                    },
-                    outputBindingPropertyName: (value) => {
-                        expectedOutputBindingValue = value;
-                    },
-                };
-                const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = (0, StorybookModule_1.getApplication)({
-                    storyFnAngular: { props },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
-                });
-                fixture.detectChanges();
-                fixture.nativeElement.querySelector('p#output').click();
-                fixture.nativeElement.querySelector('p#outputBindingPropertyName').click();
-                (0, vitest_1.expect)(expectedOutputValue).toEqual('outputEmitted');
-                (0, vitest_1.expect)(expectedOutputBindingValue).toEqual('outputEmitted');
-            });
-            (0, vitest_1.it)('should change inputs if storyProps$ Subject emit', async () => {
-                const initialProps = {
-                    input: 'input',
-                    inputBindingPropertyName: '',
-                };
-                const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = (0, StorybookModule_1.getApplication)({
-                    storyFnAngular: { props: initialProps },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
-                });
-                fixture.detectChanges();
-                (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',
-                    localProperty: 'new localProperty',
-                    localFunction: () => 'new localFunction',
-                };
-                storyProps$.next(newProps);
-                fixture.detectChanges();
-                (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());
-            });
-            (0, vitest_1.it)('should override outputs if storyProps$ Subject emit', async () => {
-                let expectedOutputValue;
-                let expectedOutputBindingValue;
-                const initialProps = {
-                    input: '',
-                    output: (value) => {
-                        expectedOutputValue = value;
-                    },
-                    outputBindingPropertyName: (value) => {
-                        expectedOutputBindingValue = value;
-                    },
-                };
-                const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = (0, StorybookModule_1.getApplication)({
-                    storyFnAngular: { props: initialProps },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
-                });
-                fixture.detectChanges();
-                const newProps = {
-                    input: 'new input',
-                    output: () => {
-                        expectedOutputValue = 'should be called';
-                    },
-                    outputBindingPropertyName: () => {
-                        expectedOutputBindingValue = 'should be called';
-                    },
-                };
-                storyProps$.next(newProps);
-                fixture.detectChanges();
-                fixture.nativeElement.querySelector('p#output').click();
-                fixture.nativeElement.querySelector('p#outputBindingPropertyName').click();
-                (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');
-            });
-            (0, vitest_1.it)('should change template inputs if storyProps$ Subject emit', async () => {
-                const initialProps = {
-                    color: 'red',
-                    input: 'input',
-                };
-                const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = (0, StorybookModule_1.getApplication)({
-                    storyFnAngular: {
-                        props: initialProps,
-                        template: '<p [style.color]="color"><foo [input]="input"></foo></p>',
-                    },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
-                });
-                fixture.detectChanges();
-                (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();
-                (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);
-            });
-            (0, vitest_1.it)('should call the Input() setter the right number of times', async () => {
-                const initialProps = {
-                    setter: 'init',
-                };
-                const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = (0, StorybookModule_1.getApplication)({
-                    storyFnAngular: { props: initialProps },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
-                });
-                fixture.detectChanges();
-                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('1');
-                const newProps = {
-                    setter: 'new setter value',
-                };
-                storyProps$.next(newProps);
-                fixture.detectChanges();
-                (0, vitest_1.expect)(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('2');
-            });
-        });
-        (0, vitest_1.describe)('with component without selector', () => {
-            let WithoutSelectorComponent = class WithoutSelectorComponent {
-            };
-            WithoutSelectorComponent = __decorate([
-                (0, core_1.Component)({
-                    template: `The content`,
-                })
-            ], WithoutSelectorComponent);
-            (0, vitest_1.it)('should display the component', async () => {
-                const props = {};
-                const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({ entryComponents: [WithoutSelectorComponent] }, WithoutSelectorComponent);
-                await analyzedMetadata.init();
-                const application = (0, StorybookModule_1.getApplication)({
-                    storyFnAngular: {
-                        props,
-                        moduleMetadata: { entryComponents: [WithoutSelectorComponent] },
-                    },
-                    component: WithoutSelectorComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
-                });
-                fixture.detectChanges();
-                (0, vitest_1.expect)(fixture.nativeElement.innerHTML).toContain('The content');
-            });
-        });
-        (0, vitest_1.it)('should keep template with an empty value', async () => {
-            let FooComponent = class FooComponent {
-            };
-            FooComponent = __decorate([
-                (0, core_1.Component)({
-                    selector: 'foo',
-                    template: `Should not be displayed`,
-                })
-            ], FooComponent);
-            const analyzedMetadata = new PropertyExtractor_1.PropertyExtractor({}, FooComponent);
-            await analyzedMetadata.init();
-            const application = (0, StorybookModule_1.getApplication)({
-                storyFnAngular: { template: '' },
-                component: FooComponent,
-                targetSelector: 'my-selector',
-                analyzedMetadata,
-            });
-            const { fixture } = await configureTestingModule({
-                imports: [application],
-                providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject({}))],
-            });
-            fixture.detectChanges();
-            (0, vitest_1.expect)(fixture.nativeElement.innerHTML).toEqual('');
-        });
-    });
-    async function configureTestingModule(ngModule) {
-        await testing_1.TestBed.configureTestingModule(ngModule).compileComponents();
-        const fixture = testing_1.TestBed.createComponent(ngModule.imports[0]);
-        return {
-            fixture,
-        };
-    }
-});