@storybook/angular 7.0.0-alpha.49 → 7.0.0-alpha.50

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

@@ -27,8 +27,13 @@ const architect_1 = require("@angular-devkit/architect");
 const testing_1 = require("@angular-devkit/architect/testing");
 const core_1 = require("@angular-devkit/core");
 const path = __importStar(require("path"));
-const buildStandaloneMock = jest.fn();
-jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
+const buildDevStandaloneMock = jest.fn();
+const buildStaticStandaloneMock = jest.fn();
+const buildMock = {
+    buildDevStandalone: buildDevStandaloneMock,
+    buildStaticStandalone: buildStaticStandaloneMock,
+};
+jest.doMock('@storybook/core-server', () => buildMock);
 jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
 const cpSpawnMock = {
     spawn: jest.fn(),
@@ -60,7 +65,7 @@ describe('Build Storybook Builder', () => {
         await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
     });
     beforeEach(() => {
-        buildStandaloneMock.mockImplementation((_options) => Promise.resolve());
+        buildStaticStandaloneMock.mockImplementation((_options) => Promise.resolve());
         cpSpawnMock.spawn.mockImplementation(() => ({
             stdout: { on: () => { } },
             stderr: { on: () => { } },
@@ -79,14 +84,16 @@ describe('Build Storybook Builder', () => {
         await run.stop();
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {},
             configDir: '.storybook',
+            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
             mode: 'static',
             tsConfig: './storybook/tsconfig.ts',
             webpackStatsJson: false,
@@ -101,14 +108,16 @@ describe('Build Storybook Builder', () => {
         await run.stop();
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {},
             configDir: '.storybook',
+            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: false,
@@ -124,21 +133,23 @@ describe('Build Storybook Builder', () => {
         await run.stop();
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {},
             configDir: '.storybook',
+            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: true,
         });
     });
     it('should throw error', async () => {
-        buildStandaloneMock.mockRejectedValue(true);
+        buildStaticStandaloneMock.mockRejectedValue(true);
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
             browserTarget: 'angular-cli:build-2',
             port: 4400,
@@ -162,15 +173,18 @@ describe('Build Storybook Builder', () => {
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'], {
             cwd: '',
+            shell: true,
         });
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {},
             configDir: '.storybook',
+            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
             mode: 'static',
             tsConfig: './storybook/tsconfig.ts',
             webpackStatsJson: false,
@@ -186,14 +200,16 @@ describe('Build Storybook Builder', () => {
         await run.stop();
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: { styles: ['style.scss'] },
             configDir: '.storybook',
+            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: false,

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

@@ -27,8 +27,13 @@ const architect_1 = require("@angular-devkit/architect");
 const testing_1 = require("@angular-devkit/architect/testing");
 const core_1 = require("@angular-devkit/core");
 const path = __importStar(require("path"));
-const buildStandaloneMock = jest.fn();
-jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
+const buildDevStandaloneMock = jest.fn();
+const buildStaticStandaloneMock = jest.fn();
+const buildMock = {
+    buildDevStandalone: buildDevStandaloneMock,
+    buildStaticStandalone: buildStaticStandaloneMock,
+};
+jest.doMock('@storybook/core-server', () => buildMock);
 jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
 const cpSpawnMock = {
     spawn: jest.fn(),
@@ -60,7 +65,7 @@ describe('Start Storybook Builder', () => {
         await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
     });
     beforeEach(() => {
-        buildStandaloneMock.mockImplementation((_options) => Promise.resolve());
+        buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve());
         cpSpawnMock.spawn.mockImplementation(() => ({
             stdout: { on: () => { } },
             stderr: { on: () => { } },
@@ -80,14 +85,16 @@ describe('Start Storybook Builder', () => {
         await run.stop();
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {},
             ci: false,
             configDir: '.storybook',
+            docs: undefined,
             host: 'localhost',
             https: false,
+            packageJson: expect.any(Object),
             port: 4400,
             quiet: false,
             smokeTest: false,
@@ -107,14 +114,16 @@ describe('Start Storybook Builder', () => {
         await run.stop();
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {},
             ci: false,
             configDir: '.storybook',
+            docs: undefined,
             host: 'localhost',
             https: false,
+            packageJson: expect.any(Object),
             port: 4400,
             quiet: false,
             smokeTest: false,
@@ -125,7 +134,7 @@ describe('Start Storybook Builder', () => {
         });
     });
     it('should throw error', async () => {
-        buildStandaloneMock.mockRejectedValue(true);
+        buildDevStandaloneMock.mockRejectedValue(true);
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
             browserTarget: 'angular-cli:build-2',
             port: 4400,
@@ -149,15 +158,18 @@ describe('Start Storybook Builder', () => {
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'], {
             cwd: '',
+            shell: true,
         });
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {},
             ci: false,
             configDir: '.storybook',
+            docs: undefined,
             host: 'localhost',
             https: false,
+            packageJson: expect.any(Object),
             port: 9009,
             quiet: false,
             smokeTest: false,
@@ -178,7 +190,7 @@ describe('Start Storybook Builder', () => {
         await run.stop();
         expect(output.success).toBeTruthy();
         expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStandaloneMock).toHaveBeenCalledWith({
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
             angularBuilderOptions: {
@@ -186,9 +198,11 @@ describe('Start Storybook Builder', () => {
             },
             ci: false,
             configDir: '.storybook',
+            docs: undefined,
             host: 'localhost',
             https: false,
             port: 4400,
+            packageJson: expect.any(Object),
             quiet: false,
             smokeTest: false,
             sslCa: undefined,

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

@@ -38,6 +38,7 @@ describe('runCompodoc', () => {
             .subscribe();
         expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], {
             cwd: 'path/to/project',
+            shell: true,
         });
     });
     it('should run compodoc with tsconfig from compodocArgs', async () => {
@@ -52,6 +53,7 @@ describe('runCompodoc', () => {
             .subscribe();
         expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], {
             cwd: 'path/to/project',
+            shell: true,
         });
     });
 });

package/dist/client/angular/helpers.d.ts

@@ -1,8 +1,8 @@
 import { PartialStoryFn } from '@storybook/types';
-import { AngularFramework } from '../types';
+import { AngularRenderer } from '../types';
 declare global {
     interface Window {
         NODE_ENV: 'string' | 'development' | undefined;
     }
 }
-export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;
+export declare const renderNgApp: (storyFn: PartialStoryFn<AngularRenderer>, forced: boolean) => void;

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

@@ -20,8 +20,8 @@ describe('RendererFactory', () => {
     beforeEach(async () => {
         rendererFactory = new RendererFactory_1.RendererFactory();
         document.body.innerHTML =
-            '<div id="root"></div><div id="root-docs"><div id="story-in-docs"></div></div>';
-        rootTargetDOMNode = global.document.getElementById('root');
+            '<div id="storybook-root"></div><div id="root-docs"><div id="story-in-docs"></div></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(() => { });
@@ -257,10 +257,12 @@ describe('RendererFactory', () => {
                 });
             });
             it('should reset root HTML', async () => {
-                global.document.getElementById('root').appendChild(global.document.createElement('👾'));
-                expect(global.document.getElementById('root').innerHTML).toContain('Canvas 🖼');
+                global.document
+                    .getElementById('storybook-root')
+                    .appendChild(global.document.createElement('👾'));
+                expect(global.document.getElementById('storybook-root').innerHTML).toContain('Canvas 🖼');
                 const render = await rendererFactory.getRendererInstance('my-story-in-docs', rootDocstargetDOMNode);
-                expect(global.document.getElementById('root').innerHTML).toBe('');
+                expect(global.document.getElementById('storybook-root').innerHTML).toBe('');
             });
         });
         it('should get DocsRenderer instance', async () => {

package/dist/client/decorateStory.d.ts

@@ -1,4 +1,4 @@
 import { DecoratorFunction, LegacyStoryFn } from '@storybook/types';
-import { AngularFramework } from './types';
-export default function decorateStory(mainStoryFn: LegacyStoryFn<AngularFramework>, decorators: DecoratorFunction<AngularFramework>[]): LegacyStoryFn<AngularFramework>;
+import { AngularRenderer } from './types';
+export default function decorateStory(mainStoryFn: LegacyStoryFn<AngularRenderer>, decorators: DecoratorFunction<AngularRenderer>[]): LegacyStoryFn<AngularRenderer>;
 export { decorateStory };

package/dist/client/decorators.d.ts

@@ -1,5 +1,5 @@
 import { Type } from '@angular/core';
 import { DecoratorFunction, StoryContext } from '@storybook/types';
-import { ICollection, NgModuleMetadata, AngularFramework } from './types';
-export declare const moduleMetadata: <TArgs = any>(metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularFramework, TArgs>;
-export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularFramework, TArgs>) => ICollection)) => DecoratorFunction<AngularFramework, TArgs>;
+import { ICollection, NgModuleMetadata, AngularRenderer } from './types';
+export declare const moduleMetadata: <TArgs = any>(metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularRenderer, TArgs>;
+export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularRenderer, TArgs>) => ICollection)) => DecoratorFunction<AngularRenderer, TArgs>;

package/dist/client/docs/sourceDecorator.d.ts

@@ -1,9 +1,9 @@
 import { PartialStoryFn } from '@storybook/types';
-import { StoryContext, AngularFramework } from '../types';
+import { StoryContext, AngularRenderer } from '../types';
 export declare const skipSourceRender: (context: StoryContext) => any;
 /**
  * Angular source decorator.
  * @param storyFn Fn
  * @param context  StoryContext
  */
-export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularFramework>, context: StoryContext) => import("../types").StoryFnAngularReturnType;
+export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularRenderer>, context: StoryContext) => import("../types").StoryFnAngularReturnType;

package/dist/client/public-api.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
 import { Addon_ClientStoryApi, Addon_Loadable } from '@storybook/types';
-import { AngularFramework } from './types';
+import { AngularRenderer } from './types';
 export * from './public-types';
-interface ClientApi extends Addon_ClientStoryApi<AngularFramework['storyResult']> {
+interface ClientApi extends Addon_ClientStoryApi<AngularRenderer['storyResult']> {
     configure(loader: Addon_Loadable, module: NodeModule): void;
     forceReRender(): void;
     raw: () => any;

package/dist/client/public-types.d.ts

@@ -1,24 +1,26 @@
-import { AnnotatedStoryFn, Args, ComponentAnnotations, StoryAnnotations } from '@storybook/types';
-import { AngularFramework } from './types';
-export type { Args, ArgTypes } from '@storybook/types';
+import { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, StoryAnnotations, StoryContext as GenericStoryContext, StrictArgs } from '@storybook/types';
+import { AngularRenderer } from './types';
+export type { Args, ArgTypes, Parameters, StrictArgs } from '@storybook/types';
+export type { Parameters as AngularParameters } from './types';
+export type { AngularRenderer };
 /**
  * Metadata to configure the stories for a component.
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularFramework, TArgs>;
+export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularRenderer, TArgs>;
 /**
  * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularFramework, TArgs>;
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularRenderer, TArgs>;
 /**
  * Story function that represents a CSFv3 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularFramework, TArgs>;
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularRenderer, TArgs>;
 /**
  * @deprecated Use `StoryFn` instead.
  * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
@@ -29,3 +31,6 @@ export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularFramework,
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
 export declare type Story<TArgs = Args> = StoryFn<TArgs>;
+export declare type Decorator<TArgs = StrictArgs> = DecoratorFunction<AngularRenderer, TArgs>;
+export declare type Loader<TArgs = StrictArgs> = LoaderFunction<AngularRenderer, TArgs>;
+export declare type StoryContext<TArgs = StrictArgs> = GenericStoryContext<AngularRenderer, TArgs>;

package/dist/client/render.d.ts

@@ -1,6 +1,6 @@
 import { Store_RenderContext, ArgsStoryFn } from '@storybook/types';
-import { AngularFramework } from './types';
+import { AngularRenderer } from './types';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
-export declare const render: ArgsStoryFn<AngularFramework>;
-export declare function renderToCanvas({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: Store_RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;
+export declare const render: ArgsStoryFn<AngularRenderer>;
+export declare function renderToCanvas({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: Store_RenderContext<AngularRenderer>, element: HTMLElement): Promise<void>;

package/dist/client/types.d.ts

@@ -1,4 +1,4 @@
-import { Parameters as DefaultParameters, StoryContext as DefaultStoryContext, WebFramework } from '@storybook/types';
+import { Parameters as DefaultParameters, StoryContext as DefaultStoryContext, WebRenderer } from '@storybook/types';
 export interface NgModuleMetadata {
     declarations?: any[];
     entryComponents?: any[];
@@ -20,7 +20,11 @@ export interface StoryFnAngularReturnType {
     styles?: string[];
     userDefinedTemplate?: boolean;
 }
-export interface AngularFramework extends WebFramework {
+/**
+ * @deprecated Use `AngularRenderer` instead.
+ */
+export declare type AngularFramework = AngularRenderer;
+export interface AngularRenderer extends WebRenderer {
     component: any;
     storyResult: StoryFnAngularReturnType;
 }
@@ -29,6 +33,6 @@ export declare type Parameters = DefaultParameters & {
     angularLegacyRendering?: boolean;
     bootstrapModuleOptions?: unknown;
 };
-export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
+export declare type StoryContext = DefaultStoryContext<AngularRenderer> & {
     parameters: Parameters;
 };

package/jest.config.js

@@ -1,5 +1,12 @@
+const path = require('path');
+
 module.exports = {
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
   preset: 'jest-preset-angular',
   setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-  transformIgnorePatterns: ['^.+\\.js$'],
+  transformIgnorePatterns: ['/node_modules/(?!@angular|rxjs|nanoid|uuid)'],
+  snapshotFormat: {
+    escapeString: true,
+    printBasicPrototype: true,
+  },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.49",
+  "version": "7.0.0-alpha.50",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,23 +34,24 @@
     "prep": "rimraf dist && ../../../scripts/node_modules/.bin/tsc --project tsconfig.build.json && echo \"Preventing passing flags to tsc\""
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.49",
-    "@storybook/api": "7.0.0-alpha.49",
-    "@storybook/builder-webpack5": "7.0.0-alpha.49",
-    "@storybook/client-logger": "7.0.0-alpha.49",
-    "@storybook/core-client": "7.0.0-alpha.49",
-    "@storybook/core-common": "7.0.0-alpha.49",
-    "@storybook/core-events": "7.0.0-alpha.49",
-    "@storybook/core-server": "7.0.0-alpha.49",
-    "@storybook/core-webpack": "7.0.0-alpha.49",
-    "@storybook/docs-tools": "7.0.0-alpha.49",
-    "@storybook/node-logger": "7.0.0-alpha.49",
-    "@storybook/store": "7.0.0-alpha.49",
-    "@storybook/types": "7.0.0-alpha.49",
+    "@storybook/addons": "7.0.0-alpha.50",
+    "@storybook/api": "7.0.0-alpha.50",
+    "@storybook/builder-webpack5": "7.0.0-alpha.50",
+    "@storybook/client-logger": "7.0.0-alpha.50",
+    "@storybook/core-client": "7.0.0-alpha.50",
+    "@storybook/core-common": "7.0.0-alpha.50",
+    "@storybook/core-events": "7.0.0-alpha.50",
+    "@storybook/core-server": "7.0.0-alpha.50",
+    "@storybook/core-webpack": "7.0.0-alpha.50",
+    "@storybook/docs-tools": "7.0.0-alpha.50",
+    "@storybook/node-logger": "7.0.0-alpha.50",
+    "@storybook/store": "7.0.0-alpha.50",
+    "@storybook/types": "7.0.0-alpha.50",
     "@types/node": "^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
     "@types/semver": "^7.3.4",
+    "@types/webpack-env": "^1.18.0",
     "core-js": "^3.8.2",
     "find-up": "^5.0.0",
     "global": "^4.4.0",
@@ -80,9 +81,9 @@
     "@types/rimraf": "^3.0.2",
     "@types/tmp": "^0.2.3",
     "cross-spawn": "^7.0.3",
-    "jest": "^27.5.1",
+    "jest": "^28.0.0",
     "jest-preset-angular": "^12.0.0",
-    "jest-specific-snapshot": "^5.0.0",
+    "jest-specific-snapshot": "^6.0.0",
     "rimraf": "^3.0.2",
     "tmp": "^0.2.1",
     "typescript": "~4.6.3",
@@ -122,5 +123,5 @@
     "access": "public"
   },
   "builders": "dist/builders/builders.json",
-  "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8"
+  "gitHead": "77184d039091f4782dc4540df6d271a24fb3e242"
 }