@storybook/angular 7.0.11 → 7.0.13

package/dist/server/framework-preset-angular-cli.test.js

@@ -1,698 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const node_logger_1 = require("@storybook/node-logger");
-const core_1 = require("@angular-devkit/core");
-const framework_preset_angular_cli_1 = require("./framework-preset-angular-cli");
-const testPath = __dirname;
-let workspaceRoot = testPath;
-let cwdSpy;
-beforeEach(() => {
-    cwdSpy = jest.spyOn(process, 'cwd');
-    jest.spyOn(node_logger_1.logger, 'error').mockImplementation();
-    jest.spyOn(node_logger_1.logger, 'info').mockImplementation();
-});
-afterEach(() => {
-    jest.clearAllMocks();
-});
-function initMockWorkspace(name) {
-    workspaceRoot = path_1.default.join(__dirname, '__mocks-ng-workspace__', name);
-    cwdSpy.mockReturnValue(workspaceRoot);
-}
-describe('framework-preset-angular-cli', () => {
-    let options;
-    beforeEach(() => {
-        options = {};
-    });
-    describe('without angular.json', () => {
-        beforeEach(() => {
-            initMockWorkspace('');
-        });
-        it('should return webpack base config and display log error', async () => {
-            const webpackBaseConfig = newWebpackConfiguration();
-            const config = await (0, framework_preset_angular_cli_1.webpackFinal)(webpackBaseConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.error).toHaveBeenCalledWith(`=> Could not find angular workspace config (angular.json) on this path "${workspaceRoot}"`);
-            expect(config).toEqual(webpackBaseConfig);
-        });
-    });
-    describe("when angular.json haven't projects entry", () => {
-        beforeEach(() => {
-            initMockWorkspace('without-projects-entry');
-        });
-        it('should return webpack base config and display log error', async () => {
-            const webpackBaseConfig = newWebpackConfiguration();
-            const config = await (0, framework_preset_angular_cli_1.webpackFinal)(webpackBaseConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.error).toHaveBeenCalledWith('=> Could not find angular project: No angular projects found');
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Fail to load angular-cli config. Using base config');
-            expect(config).toEqual(webpackBaseConfig);
-        });
-    });
-    describe('when angular.json have empty projects entry', () => {
-        beforeEach(() => {
-            initMockWorkspace('empty-projects-entry');
-        });
-        it('should return webpack base config and display log error', async () => {
-            const webpackBaseConfig = newWebpackConfiguration();
-            const config = await (0, framework_preset_angular_cli_1.webpackFinal)(webpackBaseConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.error).toHaveBeenCalledWith('=> Could not find angular project: No angular projects found');
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Fail to load angular-cli config. Using base config');
-            expect(config).toEqual(webpackBaseConfig);
-        });
-    });
-    describe('when angular.json does not have a compatible project', () => {
-        beforeEach(() => {
-            initMockWorkspace('without-compatible-projects');
-        });
-        it('should return webpack base config and display log error', async () => {
-            const webpackBaseConfig = newWebpackConfiguration();
-            const config = await (0, framework_preset_angular_cli_1.webpackFinal)(webpackBaseConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.error).toHaveBeenCalledWith('=> Could not find angular project: "missing-project" project is not found in angular.json');
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Fail to load angular-cli config. Using base config');
-            expect(config).toEqual(webpackBaseConfig);
-        });
-    });
-    describe('when angular.json have projects without architect.build', () => {
-        beforeEach(() => {
-            initMockWorkspace('without-architect-build');
-        });
-        it('should return webpack base config and display log error', async () => {
-            const webpackBaseConfig = newWebpackConfiguration();
-            const config = await (0, framework_preset_angular_cli_1.webpackFinal)(webpackBaseConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.error).toHaveBeenCalledWith('=> Could not find angular project: "build" target is not found in "foo-project" project');
-            expect(node_logger_1.logger.info).toHaveBeenCalledWith('=> Fail to load angular-cli config. Using base config');
-            expect(config).toEqual(webpackBaseConfig);
-        });
-    });
-    describe('when angular.json have projects without architect.build.options', () => {
-        beforeEach(() => {
-            initMockWorkspace('without-architect-build-options');
-        });
-        it('throws error', async () => {
-            await expect(() => (0, framework_preset_angular_cli_1.webpackFinal)(newWebpackConfiguration(), options)).rejects.toThrowError('Missing required options in project target. Check "tsConfig"');
-            expect(node_logger_1.logger.error).toHaveBeenCalledWith(`=> Could not get angular cli webpack config`);
-        });
-    });
-    describe('when angular.json have minimal config', () => {
-        beforeEach(() => {
-            initMockWorkspace('minimal-config');
-        });
-        it('should log', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledTimes(3);
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(1, '=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(2, '=> Using angular project "foo-project:build" for configuring Storybook');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(3, '=> Using angular-cli webpack config');
-        });
-        it('should extends webpack base config', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig).toEqual({
-                ...baseWebpackConfig,
-                module: { ...baseWebpackConfig.module, rules: expect.anything() },
-                plugins: expect.anything(),
-                resolve: {
-                    ...baseWebpackConfig.resolve,
-                    modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
-                    // the base resolve.plugins are not kept 🤷‍♂️
-                    plugins: expect.arrayContaining([
-                        expect.objectContaining({
-                            absoluteBaseUrl: expect.any(String),
-                        }),
-                    ]),
-                },
-                resolveLoader: expect.anything(),
-            });
-        });
-        it('should set webpack "module.rules"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            const expectedRules = [
-                {
-                    oneOf: [
-                        {
-                            exclude: [],
-                            use: expect.anything(),
-                        },
-                        {
-                            include: [],
-                            use: expect.anything(),
-                        },
-                    ],
-                },
-                { use: expect.anything() },
-            ];
-            expect(webpackFinalConfig.module.rules).toEqual([
-                {
-                    test: /\.(?:css)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:scss)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:sass)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:less)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:styl)$/i,
-                    rules: expectedRules,
-                },
-                { mimetype: 'text/css', use: expect.anything() },
-                { mimetype: 'text/x-scss', use: expect.anything() },
-                { mimetype: 'text/x-sass', use: expect.anything() },
-                { mimetype: 'text/x-less', use: expect.anything() },
-                { mimetype: 'text/x-stylus', use: expect.anything() },
-                ...baseWebpackConfig.module.rules,
-            ]);
-        });
-        it('should set webpack "plugins"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig.plugins).toMatchInlineSnapshot(`
-        Array [
-          AnyComponentStyleBudgetChecker {
-            "budgets": Array [],
-          },
-          Object {
-            "apply": [Function],
-          },
-          ContextReplacementPlugin {
-            "newContentCreateContextMap": [Function],
-            "newContentResource": "/Users/shilman/projects/baseline/storybook/app/angular/src/server/__mocks-ng-workspace__/minimal-config/$_lazy_route_resources",
-            "resourceRegExp": /\\\\@angular\\(\\\\\\\\\\|\\\\/\\)core\\(\\\\\\\\\\|\\\\/\\)/,
-          },
-          DedupeModuleResolvePlugin {
-            "modules": Map {},
-            "options": Object {
-              "verbose": undefined,
-            },
-          },
-          Object {
-            "keepBasePlugin": true,
-          },
-        ]
-      `);
-        });
-        it('should set webpack "resolve.modules"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig.resolve.modules).toEqual([
-                ...baseWebpackConfig.resolve.modules,
-                (0, core_1.getSystemPath)((0, core_1.normalize)(path_1.default.join(workspaceRoot, 'src'))).replace(/\\/g, '/'),
-            ]);
-        });
-        it('should replace webpack "resolve.plugins"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig.resolve.plugins).toMatchInlineSnapshot(`
-        Array [
-          TsconfigPathsPlugin {
-            "absoluteBaseUrl": "`);
-        });
-    });
-    describe('when angular.json have "options.styles" config', () => {
-        beforeEach(() => {
-            initMockWorkspace('with-options-styles');
-        });
-        it('should extends webpack base config', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig).toEqual({
-                ...baseWebpackConfig,
-                entry: [
-                    ...baseWebpackConfig.entry,
-                    path_1.default.join(workspaceRoot, 'src', 'styles.css'),
-                    path_1.default.join(workspaceRoot, 'src', 'styles.scss'),
-                ],
-                module: { ...baseWebpackConfig.module, rules: expect.anything() },
-                plugins: expect.anything(),
-                resolve: {
-                    ...baseWebpackConfig.resolve,
-                    modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
-                    // the base resolve.plugins are not kept 🤷‍♂️
-                    plugins: expect.not.arrayContaining(baseWebpackConfig.resolve.plugins),
-                },
-                resolveLoader: expect.anything(),
-            });
-        });
-        it('should set webpack "module.rules"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            const expectedRules = [
-                {
-                    oneOf: [
-                        {
-                            exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
-                            use: expect.anything(),
-                        },
-                        {
-                            include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
-                            use: expect.anything(),
-                        },
-                    ],
-                },
-                { use: expect.anything() },
-            ];
-            expect(webpackFinalConfig.module.rules).toEqual([
-                {
-                    test: /\.(?:css)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:scss)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:sass)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:less)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:styl)$/i,
-                    rules: expectedRules,
-                },
-                { mimetype: 'text/css', use: expect.anything() },
-                { mimetype: 'text/x-scss', use: expect.anything() },
-                { mimetype: 'text/x-sass', use: expect.anything() },
-                { mimetype: 'text/x-less', use: expect.anything() },
-                { mimetype: 'text/x-stylus', use: expect.anything() },
-                ...baseWebpackConfig.module.rules,
-            ]);
-        });
-    });
-    describe('when angular.json haven\'t "options.tsConfig" config', () => {
-        beforeEach(() => {
-            initMockWorkspace('without-tsConfig');
-        });
-        it('throws error', async () => {
-            await expect(() => (0, framework_preset_angular_cli_1.webpackFinal)(newWebpackConfiguration(), options)).rejects.toThrowError('Missing required options in project target. Check "tsConfig"');
-            expect(node_logger_1.logger.error).toHaveBeenCalledWith(`=> Could not get angular cli webpack config`);
-        });
-    });
-    describe('when is a nx with angular.json', () => {
-        beforeEach(() => {
-            initMockWorkspace('with-nx');
-        });
-        it('should extends webpack base config', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig).toEqual({
-                ...baseWebpackConfig,
-                entry: [
-                    ...baseWebpackConfig.entry,
-                    path_1.default.join(workspaceRoot, 'src', 'styles.css'),
-                    path_1.default.join(workspaceRoot, 'src', 'styles.scss'),
-                ],
-                module: { ...baseWebpackConfig.module, rules: expect.anything() },
-                plugins: expect.anything(),
-                resolve: {
-                    ...baseWebpackConfig.resolve,
-                    modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
-                    // the base resolve.plugins are not kept 🤷‍♂️
-                    plugins: expect.not.arrayContaining(baseWebpackConfig.resolve.plugins),
-                },
-                resolveLoader: expect.anything(),
-            });
-        });
-        it('should set webpack "module.rules"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            const expectedRules = [
-                {
-                    oneOf: [
-                        {
-                            exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
-                            use: expect.anything(),
-                        },
-                        {
-                            include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
-                            use: expect.anything(),
-                        },
-                    ],
-                },
-                { use: expect.anything() },
-            ];
-            expect(webpackFinalConfig.module.rules).toEqual([
-                {
-                    test: /\.(?:css)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:scss)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:sass)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:less)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:styl)$/i,
-                    rules: expectedRules,
-                },
-                { mimetype: 'text/css', use: expect.anything() },
-                { mimetype: 'text/x-scss', use: expect.anything() },
-                { mimetype: 'text/x-sass', use: expect.anything() },
-                { mimetype: 'text/x-less', use: expect.anything() },
-                { mimetype: 'text/x-stylus', use: expect.anything() },
-                ...baseWebpackConfig.module.rules,
-            ]);
-        });
-    });
-    describe('when is a nx with workspace.json', () => {
-        beforeEach(() => {
-            initMockWorkspace('with-nx-workspace');
-        });
-        it('should extends webpack base config', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig).toEqual({
-                ...baseWebpackConfig,
-                entry: [
-                    ...baseWebpackConfig.entry,
-                    path_1.default.join(workspaceRoot, 'src', 'styles.css'),
-                    path_1.default.join(workspaceRoot, 'src', 'styles.scss'),
-                ],
-                module: { ...baseWebpackConfig.module, rules: expect.anything() },
-                plugins: expect.anything(),
-                resolve: {
-                    ...baseWebpackConfig.resolve,
-                    modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
-                    // the base resolve.plugins are not kept 🤷‍♂️
-                    plugins: expect.arrayContaining([
-                        expect.objectContaining({
-                            absoluteBaseUrl: expect.any(String),
-                        }),
-                    ]),
-                },
-                resolveLoader: expect.anything(),
-            });
-        });
-        it('should set webpack "module.rules"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            const expectedRules = [
-                {
-                    oneOf: [
-                        {
-                            exclude: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
-                            use: expect.anything(),
-                        },
-                        {
-                            include: [`${workspaceRoot}/src/styles.css`, `${workspaceRoot}/src/styles.scss`],
-                            use: expect.anything(),
-                        },
-                    ],
-                },
-                { use: expect.anything() },
-            ];
-            expect(webpackFinalConfig.module.rules).toEqual([
-                {
-                    test: /\.(?:css)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:scss)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:sass)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:less)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:styl)$/i,
-                    rules: expectedRules,
-                },
-                { mimetype: 'text/css', use: expect.anything() },
-                { mimetype: 'text/x-scss', use: expect.anything() },
-                { mimetype: 'text/x-sass', use: expect.anything() },
-                { mimetype: 'text/x-less', use: expect.anything() },
-                { mimetype: 'text/x-stylus', use: expect.anything() },
-                ...baseWebpackConfig.module.rules,
-            ]);
-        });
-    });
-    describe('when angular.json have only one lib project', () => {
-        beforeEach(() => {
-            initMockWorkspace('with-lib');
-        });
-        it('should extends webpack base config', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(webpackFinalConfig).toEqual({
-                ...baseWebpackConfig,
-                entry: [...baseWebpackConfig.entry],
-                module: { ...baseWebpackConfig.module, rules: expect.anything() },
-                plugins: expect.anything(),
-                resolve: {
-                    ...baseWebpackConfig.resolve,
-                    modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
-                    // the base resolve.plugins are not kept 🤷‍♂️
-                    plugins: expect.not.arrayContaining(baseWebpackConfig.resolve.plugins),
-                },
-                resolveLoader: expect.anything(),
-            });
-        });
-        it('should set webpack "module.rules"', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            const expectedRules = [
-                {
-                    oneOf: [
-                        {
-                            exclude: [],
-                            use: expect.anything(),
-                        },
-                        {
-                            include: [],
-                            use: expect.anything(),
-                        },
-                    ],
-                },
-                { use: expect.anything() },
-            ];
-            expect(webpackFinalConfig.module.rules).toEqual([
-                {
-                    test: /\.(?:css)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:scss)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:sass)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:less)$/i,
-                    rules: expectedRules,
-                },
-                {
-                    test: /\.(?:styl)$/i,
-                    rules: expectedRules,
-                },
-                { mimetype: 'text/css', use: expect.anything() },
-                { mimetype: 'text/x-scss', use: expect.anything() },
-                { mimetype: 'text/x-sass', use: expect.anything() },
-                { mimetype: 'text/x-less', use: expect.anything() },
-                { mimetype: 'text/x-stylus', use: expect.anything() },
-                ...baseWebpackConfig.module.rules,
-            ]);
-        });
-    });
-    describe('when angular.json have some config', () => {
-        beforeEach(() => {
-            initMockWorkspace('some-config');
-        });
-        it('should log', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledTimes(3);
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(1, '=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(2, '=> Using angular project "foo-project:build" for configuring Storybook');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(3, '=> Using angular-cli webpack config');
-        });
-    });
-    describe('with angularBrowserTarget option', () => {
-        beforeEach(() => {
-            initMockWorkspace('with-angularBrowserTarget');
-            options = { angularBrowserTarget: 'target-project:target-build' };
-        });
-        it('should log', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledTimes(3);
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(1, '=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(2, '=> Using angular project "target-project:target-build" for configuring Storybook');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(3, '=> Using angular-cli webpack config');
-        });
-    });
-    describe('with angularBrowserTarget option with configuration', () => {
-        beforeEach(() => {
-            initMockWorkspace('with-angularBrowserTarget');
-        });
-        describe('when angular.json have the target without "configurations" section', () => {
-            beforeEach(() => {
-                options = {
-                    angularBrowserTarget: 'no-confs-project:target-build:target-conf',
-                };
-            });
-            it('throws error', async () => {
-                await expect(() => (0, framework_preset_angular_cli_1.webpackFinal)(newWebpackConfiguration(), options)).rejects.toThrowError('Missing "configurations" section in project target');
-                expect(node_logger_1.logger.error).toHaveBeenCalledWith(`=> Could not get angular cli webpack config`);
-            });
-        });
-        describe('when angular.json have the target without required configuration', () => {
-            beforeEach(() => {
-                options = {
-                    angularBrowserTarget: 'no-target-conf-project:target-build:target-conf',
-                };
-            });
-            it('throws error', async () => {
-                await expect(() => (0, framework_preset_angular_cli_1.webpackFinal)(newWebpackConfiguration(), options)).rejects.toThrowError('Missing required configuration in project target. Check "target-conf"');
-                expect(node_logger_1.logger.error).toHaveBeenCalledWith(`=> Could not get angular cli webpack config`);
-            });
-        });
-        describe('when angular.json have the target with required configuration', () => {
-            beforeEach(() => {
-                options = {
-                    angularBrowserTarget: 'target-project:target-build:target-conf',
-                };
-            });
-            it('should log', async () => {
-                const baseWebpackConfig = newWebpackConfiguration();
-                await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-                expect(node_logger_1.logger.info).toHaveBeenCalledTimes(3);
-                expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(1, '=> Loading angular-cli config for angular lower than 12.2.0');
-                expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(2, '=> Using angular project "target-project:target-build:target-conf" for configuring Storybook');
-                expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(3, '=> Using angular-cli webpack config');
-            });
-            it('should extends webpack base config', async () => {
-                const baseWebpackConfig = newWebpackConfiguration();
-                const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-                expect(webpackFinalConfig).toEqual({
-                    ...baseWebpackConfig,
-                    entry: [
-                        ...baseWebpackConfig.entry,
-                        path_1.default.join(workspaceRoot, 'src', 'styles.css'),
-                    ],
-                    module: { ...baseWebpackConfig.module, rules: expect.anything() },
-                    plugins: expect.anything(),
-                    resolve: {
-                        ...baseWebpackConfig.resolve,
-                        modules: expect.arrayContaining(baseWebpackConfig.resolve.modules),
-                        // the base resolve.plugins are not kept 🤷‍♂️
-                        plugins: expect.not.arrayContaining(baseWebpackConfig.resolve.plugins),
-                    },
-                    resolveLoader: expect.anything(),
-                });
-            });
-        });
-    });
-    describe('with only tsConfig option', () => {
-        beforeEach(() => {
-            initMockWorkspace('without-projects-entry');
-            options = {
-                tsConfig: 'projects/pattern-lib/tsconfig.lib.json',
-                angularBrowserTarget: null,
-            };
-        });
-        it('should log', async () => {
-            const baseWebpackConfig = newWebpackConfiguration();
-            await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            expect(node_logger_1.logger.info).toHaveBeenCalledTimes(3);
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(1, '=> Loading angular-cli config for angular lower than 12.2.0');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(2, '=> Using default angular project with "tsConfig:projects/pattern-lib/tsconfig.lib.json"');
-            expect(node_logger_1.logger.info).toHaveBeenNthCalledWith(3, '=> Using angular-cli webpack config');
-        });
-    });
-});
-const newWebpackConfiguration = (transformer = (c) => c) => {
-    return transformer({
-        name: 'preview',
-        mode: 'development',
-        bail: false,
-        devtool: 'cheap-module-source-map',
-        entry: [
-            '/Users/joe/storybook/lib/core-server/dist/esm/globals/polyfills.js',
-            '/Users/joe/storybook/examples/angular-cli/.storybook/storybook-init-framework-entry.js',
-            '/Users/joe/storybook/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/docs/dist/esm/frameworks/angular/config.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/knobs/dist/esm/preset/addDecorator.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/a11y/dist/esm/a11yRunner.js-generated-other-entry.js',
-            '/Users/joe/storybook/addons/a11y/dist/esm/a11yHighlight.js-generated-other-entry.js',
-            '/Users/joe/storybook/examples/angular-cli/.storybook/preview.ts-generated-config-entry.js',
-            '/Users/joe/storybook/examples/angular-cli/.storybook/generated-stories-entry.js',
-            '/Users/joe/storybook/node_modules/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined',
-        ],
-        output: {
-            path: '/Users/joe/storybook/examples/angular-cli/node_modules/.cache/storybook/public',
-            filename: '[name].[hash].bundle.js',
-            publicPath: '',
-        },
-        plugins: [{ keepBasePlugin: true }],
-        module: {
-            rules: [{ keepBaseRule: true }],
-        },
-        resolve: {
-            extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.cjs'],
-            modules: ['node_modules'],
-            mainFields: ['browser', 'main'],
-            alias: {
-                '@storybook/preview-api': '/Users/joe/storybook/lib/addons',
-                '@storybook/manager-api': '/Users/joe/storybook/lib/api',
-                '@storybook/channels': '/Users/joe/storybook/lib/channels',
-                '@storybook/channel-postmessage': '/Users/joe/storybook/lib/channel-postmessage',
-                '@storybook/components': '/Users/joe/storybook/ui/components',
-                '@storybook/core-events': '/Users/joe/storybook/lib/core-events',
-                '@storybook/router': '/Users/joe/storybook/lib/router',
-                '@storybook/theming': '/Users/joe/storybook/lib/theming',
-                '@storybook/client-api': '/Users/joe/storybook/lib/client-api',
-                '@storybook/client-logger': '/Users/joe/storybook/lib/client-logger',
-                react: '/Users/joe/storybook/node_modules/react',
-                'react-dom': '/Users/joe/storybook/node_modules/react-dom',
-            },
-            plugins: [{ keepBasePlugin: true }],
-        },
-        resolveLoader: { plugins: [] },
-        optimization: {
-            splitChunks: { chunks: 'all' },
-            runtimeChunk: true,
-            sideEffects: true,
-            usedExports: true,
-            concatenateModules: true,
-            minimizer: [],
-        },
-        performance: { hints: false },
-    });
-};