Schematics for shallow-render

Add shallow-render to an Angular CLI project

This schematic will:

• install shallow-render
• override Angular component schematics to use shallow-render instead of TestBed

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

| Option | Description | | ------- | -------------- | | skipInstall | If true package.json will be update but packages won't be installed. Default is false. | | setAsDefaultCollection | If 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. |