mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-17 19:13:34 +08:00
6c39a162be
Functional guards and resolvers were introduced in the Angular router in v14.2. This commit adds the ability to generate functional router guards by specifying `--guardType` instead of `--implements`. These guards are also accompanied by a test that includes a helper function for executing the guard in the `TestBed` environment so that any `inject` calls in the guard will work properly. Functional resolvers are generated by adding the `--functional` flag.
106 lines
3.8 KiB
TypeScript
106 lines
3.8 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.io/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 } from './schema';
|
|
|
|
describe('resolver Schematic', () => {
|
|
const schematicRunner = new SchematicTestRunner(
|
|
'@schematics/angular',
|
|
require.resolve('../collection.json'),
|
|
);
|
|
const defaultOptions: Schema = {
|
|
name: 'foo',
|
|
flat: true,
|
|
project: 'bar',
|
|
};
|
|
const workspaceOptions: WorkspaceOptions = {
|
|
name: 'workspace',
|
|
newProjectRoot: 'projects',
|
|
version: '6.0.0',
|
|
};
|
|
|
|
const appOptions: ApplicationOptions = {
|
|
name: 'bar',
|
|
inlineStyle: false,
|
|
inlineTemplate: false,
|
|
routing: false,
|
|
skipTests: false,
|
|
skipPackageJson: false,
|
|
};
|
|
let appTree: UnitTestTree;
|
|
beforeEach(async () => {
|
|
appTree = await schematicRunner.runSchematicAsync('workspace', workspaceOptions).toPromise();
|
|
appTree = await schematicRunner
|
|
.runSchematicAsync('application', appOptions, appTree)
|
|
.toPromise();
|
|
});
|
|
|
|
it('should create a resolver', async () => {
|
|
const tree = await schematicRunner
|
|
.runSchematicAsync('resolver', defaultOptions, appTree)
|
|
.toPromise();
|
|
const files = tree.files;
|
|
expect(files).toContain('/projects/bar/src/app/foo.resolver.spec.ts');
|
|
expect(files).toContain('/projects/bar/src/app/foo.resolver.ts');
|
|
});
|
|
|
|
it('should respect the skipTests flag', async () => {
|
|
const options = { ...defaultOptions, skipTests: true };
|
|
|
|
const tree = await schematicRunner.runSchematicAsync('resolver', options, appTree).toPromise();
|
|
const files = tree.files;
|
|
expect(files).not.toContain('/projects/bar/src/app/foo.resolver.spec.ts');
|
|
expect(files).toContain('/projects/bar/src/app/foo.resolver.ts');
|
|
});
|
|
|
|
it('should respect the flat flag', async () => {
|
|
const options = { ...defaultOptions, flat: false };
|
|
|
|
const tree = await schematicRunner.runSchematicAsync('resolver', options, appTree).toPromise();
|
|
const files = tree.files;
|
|
expect(files).toContain('/projects/bar/src/app/foo/foo.resolver.spec.ts');
|
|
expect(files).toContain('/projects/bar/src/app/foo/foo.resolver.ts');
|
|
});
|
|
|
|
it('should respect the sourceRoot value', async () => {
|
|
const config = JSON.parse(appTree.readContent('/angular.json'));
|
|
config.projects.bar.sourceRoot = 'projects/bar/custom';
|
|
appTree.overwrite('/angular.json', JSON.stringify(config, null, 2));
|
|
appTree = await schematicRunner
|
|
.runSchematicAsync('resolver', defaultOptions, appTree)
|
|
.toPromise();
|
|
expect(appTree.files).toContain('/projects/bar/custom/app/foo.resolver.ts');
|
|
});
|
|
|
|
it('should create a functional resolver', async () => {
|
|
const tree = await schematicRunner
|
|
.runSchematicAsync('resolver', { ...defaultOptions, functional: true }, appTree)
|
|
.toPromise();
|
|
const fileString = tree.readContent('/projects/bar/src/app/foo.resolver.ts');
|
|
expect(fileString).toContain(
|
|
'export const fooResolver: ResolveFn<boolean> = (route, state) => {',
|
|
);
|
|
});
|
|
|
|
it('should create a helper function to run a functional resolver in a test', async () => {
|
|
const tree = await schematicRunner
|
|
.runSchematicAsync('resolver', { ...defaultOptions, functional: true }, appTree)
|
|
.toPromise();
|
|
const fileString = tree.readContent('/projects/bar/src/app/foo.resolver.spec.ts');
|
|
expect(fileString).toContain(
|
|
'const executeResolver: ResolveFn<boolean> = (...resolverParameters) => ',
|
|
);
|
|
expect(fileString).toContain(
|
|
'TestBed.inject(EnvironmentInjector).runInContext(() => fooResolver(...resolverParameters));',
|
|
);
|
|
});
|
|
});
|