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

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

@@ -6,38 +6,41 @@ 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;
-    beforeEach(async () => {
+    let storyInDocstargetDOMNode;
+    (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>';
+            '<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');
         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: {
@@ -47,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([
@@ -64,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;
@@ -83,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({
@@ -101,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({
@@ -116,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: {
@@ -130,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({
@@ -147,18 +150,52 @@ 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);
+        });
+        (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([
+                    (0, core_1.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,
+                });
+                (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/angular-beta/utils/StoryUID.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Increments the count for a storyId and returns the next UID.
+ *
+ * When a story is bootstrapped, the storyId is used as the element tag. That
+ * becomes an issue when a story is rendered multiple times in the same docs
+ * page. This function returns a UID that is appended to the storyId to make
+ * it unique.
+ *
+ * @param storyId id of a story
+ * @returns uid of a story
+ */
+export declare const getNextStoryUID: (storyId: string) => string;
+/**
+ * Clears the storyId counts.
+ *
+ * Can be useful for testing, where you need predictable increments, without
+ * reloading the global state.
+ *
+ * If onlyStoryId is provided, only that storyId is cleared.
+ *
+ * @param onlyStoryId id of a story
+ */
+export declare const clearStoryUIDs: (onlyStoryId?: string) => void;

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearStoryUIDs = exports.getNextStoryUID = void 0;
+/**
+ * Count of stories for each storyId.
+ */
+const storyCounts = new Map();
+/**
+ * Increments the count for a storyId and returns the next UID.
+ *
+ * When a story is bootstrapped, the storyId is used as the element tag. That
+ * becomes an issue when a story is rendered multiple times in the same docs
+ * page. This function returns a UID that is appended to the storyId to make
+ * it unique.
+ *
+ * @param storyId id of a story
+ * @returns uid of a story
+ */
+const getNextStoryUID = (storyId) => {
+    if (!storyCounts.has(storyId)) {
+        storyCounts.set(storyId, -1);
+    }
+    const count = storyCounts.get(storyId) + 1;
+    storyCounts.set(storyId, count);
+    return `${storyId}-${count}`;
+};
+exports.getNextStoryUID = getNextStoryUID;
+/**
+ * Clears the storyId counts.
+ *
+ * Can be useful for testing, where you need predictable increments, without
+ * reloading the global state.
+ *
+ * If onlyStoryId is provided, only that storyId is cleared.
+ *
+ * @param onlyStoryId id of a story
+ */
+const clearStoryUIDs = (onlyStoryId) => {
+    if (onlyStoryId !== undefined && onlyStoryId !== null) {
+        storyCounts.delete(onlyStoryId);
+    }
+    else {
+        storyCounts.clear();
+    }
+};
+exports.clearStoryUIDs = clearStoryUIDs;

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());