mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-16 02:24:10 +08:00
1b43c0507f
The Angular schematics have been updated to perform additional checks for both the `@angular-devkit/build-angular:application` and `@angular/build:application` builders. This ensures that the schematics generate the appropriate output for each of these build systems in addition to the Webpack-based `browser` builder.
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 include devkit karma plugin by default', async () => {
|
|
const tree = await runConfigSchematic(ConfigType.Karma);
|
|
const karmaConf = tree.readText('projects/foo/karma.conf.js');
|
|
expect(karmaConf).toContain(`'@angular-devkit/build-angular'`);
|
|
});
|
|
|
|
it('should not include devkit karma plugin with angular/build:karma is used', async () => {
|
|
applicationTree.overwrite(
|
|
'angular.json',
|
|
applicationTree
|
|
.readText('angular.json')
|
|
.replace('@angular-devkit/build-angular:karma', '@angular/build:karma'),
|
|
);
|
|
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 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();
|
|
});
|
|
});
|
|
});
|