it('should create table files and add them to module', () => {
const tree = runner.runSchematic('table', baseOptions, createTestApp(runner));
const files = tree.files;
expect(files).toContain('/projects/material/src/app/foo/foo.component.css');
expect(files).toContain('/projects/material/src/app/foo/foo.component.html');
expect(files).toContain('/projects/material/src/app/foo/foo.component.spec.ts');
expect(files).toContain('/projects/material/src/app/foo/foo.component.ts');
expect(files).toContain('/projects/material/src/app/foo/foo-datasource.ts');
const moduleContent = getFileContent(tree, '/projects/material/src/app/app.module.ts');
expect(moduleContent).toMatch(/import.*Foo.*from '.\/foo\/foo.component'/);
expect(moduleContent).toMatch(/declarations:\s*\[[^\]]+?,\r?\n\s+FooComponent\r?\n/m);
const datasourceContent = getFileContent(tree,
'/projects/material/src/app/foo/foo-datasource.ts');
expect(datasourceContent).toContain('FooItem');
expect(datasourceContent).toContain('FooDataSource');
const componentContent = getFileContent(tree,
'/projects/material/src/app/foo/foo.component.ts');
expect(componentContent).toContain('FooDataSource');
});
it('should respect the option value', async () => {
const app = await createTestApp(runner);
const tree = await runner.runSchematicAsync(
'address-form', {inlineTemplate: true, ...baseOptions}, app).toPromise();
expect(tree.files).not.toContain('/projects/material/src/app/foo/foo.component.html');
});
it('should add tree imports to module', () => {
const tree = runner.runSchematic('tree', baseOptions, createTestApp(runner));
const moduleContent = getFileContent(tree, '/projects/material/src/app/app.module.ts');
expect(moduleContent).toContain('MatTreeModule');
expect(moduleContent).toContain('MatIconModule');
expect(moduleContent).toContain('MatButtonModule');
});
it('should add address-form imports to module', () => {
const tree = runner.runSchematic('address-form', baseOptions, createTestApp(runner));
const moduleContent = getFileContent(tree, '/projects/material/src/app/app.module.ts');
expect(moduleContent).toContain('MatInputModule');
expect(moduleContent).toContain('MatButtonModule');
expect(moduleContent).toContain('MatSelectModule');
expect(moduleContent).toContain('MatRadioModule');
expect(moduleContent).toContain('ReactiveFormsModule');
});
it('should add table imports to module', () => {
const tree = runner.runSchematic('table', baseOptions, createTestApp(runner));
const moduleContent = getFileContent(tree, '/projects/material/src/app/app.module.ts');
expect(moduleContent).toContain('MatTableModule');
expect(moduleContent).toContain('MatPaginatorModule');
expect(moduleContent).toContain('MatSortModule');
expect(moduleContent).toContain(
`import { MatTableModule, MatPaginatorModule, MatSortModule } from '@angular/material';`);
});
it('should create a custom theme file if no SCSS file could be found', () => {
// TODO(devversion): do not re-create test app here.
appTree = createTestApp(runner, {style: 'css'});
const tree = runner.runSchematic('ng-add-setup-project', {theme: 'custom'}, appTree);
const workspace = getWorkspace(tree);
const project = getProjectFromWorkspace(workspace);
const expectedStylesPath = normalize(`/${project.root}/src/custom-theme.scss`);
expect(tree.files).toContain(expectedStylesPath, 'Expected a custom theme file to be created');
expectProjectStyleFile(project, 'projects/material/src/custom-theme.scss');
});
it('should throw if no name has been specified', async () => {
const appTree = await createTestApp(runner);
let message: string | null = null;
try {
await runner.runSchematicAsync('address-form', {project: 'material'}, appTree).toPromise();
} catch (e) {
message = e.message;
}
expect(message).toMatch(/required property 'name'/);
});
it('should add dashboard imports to module', () => {
const tree = runner.runSchematic('dashboard', baseOptions, createTestApp(runner));
const moduleContent = getFileContent(tree, '/projects/material/src/app/app.module.ts');
expect(moduleContent).toContain('MatGridListModule');
expect(moduleContent).toContain('MatCardModule');
expect(moduleContent).toContain('MatMenuModule');
expect(moduleContent).toContain('MatIconModule');
expect(moduleContent).toContain('MatButtonModule');
expect(moduleContent).toContain(
`import { MatGridListModule, MatCardModule, MatMenuModule, MatIconModule, MatButtonModule }` +
` from '@angular/material';`);
});
it('should create address-form files and add them to module', async () => {
const app = await createTestApp(runner);
const tree = await runner.runSchematicAsync('address-form', baseOptions, app).toPromise();
const files = tree.files;
expect(files).toContain('/projects/material/src/app/foo/foo.component.css');
expect(files).toContain('/projects/material/src/app/foo/foo.component.html');
expect(files).toContain('/projects/material/src/app/foo/foo.component.spec.ts');
expect(files).toContain('/projects/material/src/app/foo/foo.component.ts');
const moduleContent = getFileContent(tree, '/projects/material/src/app/app.module.ts');
expect(moduleContent).toMatch(/import.*Foo.*from '.\/foo\/foo.component'/);
expect(moduleContent).toMatch(/declarations:\s*\[[^\]]+?,\r?\n\s+FooComponent\r?\n/m);
});
it('should add nav imports to module', () => {
const tree = runner.runSchematic('nav', baseOptions, createTestApp(runner));
const moduleContent = getFileContent(tree, '/projects/material/src/app/app.module.ts');
expect(moduleContent).toContain('LayoutModule');
expect(moduleContent).toContain('MatToolbarModule');
expect(moduleContent).toContain('MatButtonModule');
expect(moduleContent).toContain('MatSidenavModule');
expect(moduleContent).toContain('MatIconModule');
expect(moduleContent).toContain('MatListModule');
expect(moduleContent).toContain(`import { LayoutModule } from '@angular/cdk/layout';`);
expect(moduleContent).toContain(
`import { MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, ` +
`MatListModule } from '@angular/material';`);
});
