Home

Awesome

Schematics for shallow-render

Add shallow-render to an Angular CLI project

This schematic will:

Usage 🚀

Run as one command in an Angular CLI app directory. Note this will add the schematic as a dev dependency to your project.

ng add @mihalcan/shallow-render-schematics

Script will prompt for shallow-render version to install (by default the latest version is installed). Please check Angular and shallow-render compatibility list.

Please provide shallow-render version to install or hit Enter to install the latest:

After installation, executing ng g c test-component or ng generate component test-component will generate spec file with the following content:

import { TestComponentComponent } from './test-component.component';
import { AppModule } from '../app.module';
import { Shallow } from 'shallow-render';

describe('TestComponentComponent', () => {
  let shallow: Shallow<TestComponentComponent>;

  beforeEach(() => {
    shallow = new Shallow(TestComponentComponent, AppModule);
  });

  it('should create', async () => {
    const { find } = await shallow.render('<app-test-component></app-test-component>');
    expect(find('p')).toHaveFound(1);
  });
});

ng add options

OptionDescription
skipInstallIf true package.json will be update but packages won't be installed. Default is false.
setAsDefaultCollectionIf false will not set cli default collection. In this case you need to reference package name ng g @mihalcan/shallow-render-schematics:component. Default is true.