mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-18 03:23:57 +08:00
093c5a3152
The `@angular/build` package is now used directly within all newly created projects and replaces the previous usage of the `@angular-devkit/build-angular` package. This has the advantage of removing the need to install all of the Webpack related transitive dependencies contained within `@angular-devkit/build-angular` that are used to support the `browser` builder. This results in a significant reduction in both total dependency count and disk install size for new projects. New projects that would prefer to use the Webpack-based `browser` builder can still install the `@angular-devkit/build-angular` package within the workspace. The `@angular/build@19.2.0-next.2` package currently has a total unpacked size of ~115 MB. The `@angular-devkit/build-angular@19.2.0-next.2` package currently has a total unpacked size of ~291 MB.
101 lines
3.4 KiB
TypeScript
101 lines
3.4 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.dev/license
|
|
*/
|
|
|
|
import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
|
|
import { Schema as ApplicationOptions } from '../application/schema';
|
|
import { Schema as WorkspaceOptions } from '../workspace/schema';
|
|
import { Schema as ConfigOptions, Type as ConfigType } from './schema';
|
|
|
|
describe('Config Schematic', () => {
|
|
const schematicRunner = new SchematicTestRunner(
|
|
'@schematics/angular',
|
|
require.resolve('../collection.json'),
|
|
);
|
|
|
|
const workspaceOptions: WorkspaceOptions = {
|
|
name: 'workspace',
|
|
newProjectRoot: 'projects',
|
|
version: '15.0.0',
|
|
};
|
|
|
|
const defaultAppOptions: ApplicationOptions = {
|
|
name: 'foo',
|
|
inlineStyle: true,
|
|
inlineTemplate: true,
|
|
routing: false,
|
|
skipPackageJson: false,
|
|
};
|
|
|
|
let applicationTree: UnitTestTree;
|
|
function runConfigSchematic(type: ConfigType): Promise<UnitTestTree> {
|
|
return schematicRunner.runSchematic<ConfigOptions>(
|
|
'config',
|
|
{
|
|
project: 'foo',
|
|
type,
|
|
},
|
|
applicationTree,
|
|
);
|
|
}
|
|
|
|
beforeEach(async () => {
|
|
const workspaceTree = await schematicRunner.runSchematic('workspace', workspaceOptions);
|
|
applicationTree = await schematicRunner.runSchematic(
|
|
'application',
|
|
defaultAppOptions,
|
|
workspaceTree,
|
|
);
|
|
});
|
|
|
|
describe(`when 'type' is 'karma'`, () => {
|
|
it('should create a karma.conf.js file', async () => {
|
|
const tree = await runConfigSchematic(ConfigType.Karma);
|
|
expect(tree.exists('projects/foo/karma.conf.js')).toBeTrue();
|
|
});
|
|
|
|
it('should not include devkit karma plugin by default', async () => {
|
|
const tree = await runConfigSchematic(ConfigType.Karma);
|
|
const karmaConf = tree.readText('projects/foo/karma.conf.js');
|
|
expect(karmaConf).not.toContain(`'@angular-devkit/build-angular'`);
|
|
});
|
|
|
|
it('should include devkit karma plugin when angular-devkit/build-angular:karma is used', async () => {
|
|
applicationTree.overwrite(
|
|
'angular.json',
|
|
applicationTree
|
|
.readText('angular.json')
|
|
.replace('@angular/build:karma', '@angular-devkit/build-angular:karma'),
|
|
);
|
|
const tree = await runConfigSchematic(ConfigType.Karma);
|
|
const karmaConf = tree.readText('projects/foo/karma.conf.js');
|
|
expect(karmaConf).toContain(`'@angular-devkit/build-angular'`);
|
|
});
|
|
|
|
it('should set the right coverage folder', async () => {
|
|
const tree = await runConfigSchematic(ConfigType.Karma);
|
|
const karmaConf = tree.readText('projects/foo/karma.conf.js');
|
|
expect(karmaConf).toContain(`dir: require('path').join(__dirname, '../../coverage/foo')`);
|
|
});
|
|
|
|
it(`should set 'karmaConfig' in test builder`, async () => {
|
|
const tree = await runConfigSchematic(ConfigType.Karma);
|
|
const config = JSON.parse(tree.readContent('/angular.json'));
|
|
const prj = config.projects.foo;
|
|
const { karmaConfig } = prj.architect.test.options;
|
|
expect(karmaConfig).toBe('projects/foo/karma.conf.js');
|
|
});
|
|
});
|
|
|
|
describe(`when 'type' is 'browserslist'`, () => {
|
|
it('should create a .browserslistrc file', async () => {
|
|
const tree = await runConfigSchematic(ConfigType.Browserslist);
|
|
expect(tree.exists('projects/foo/.browserslistrc')).toBeTrue();
|
|
});
|
|
});
|
|
});
|