Mock components, services and more out of annoying dependencies in Angular tests

ng-mocks helps to:

• mock Components, Directives, Pipes, Modules, Services and Tokens
• facilitate boilerplate in tests
• access declarations via simple interface

The current version of the library has been tested and can be used with:

• Angular 11 (Jasmine, Jest, Ivy, es5, es2015)
• Angular 10 (Jasmine, Jest, Ivy, es5, es2015)
• Angular 9 (Jasmine, Jest, Ivy, es5, es2015)
• Angular 8 (Jasmine, Jest, es5, es2015)
• Angular 7 (Jasmine, Jest, es5, es2015)
• Angular 6 (Jasmine, Jest, es5, es2015)
• Angular 5 (Jasmine, Jest, es5, es2015)

Important links

• Documentation with examples
• GitHub repo
• NPM package

• Live example on StackBlitz
• Live example on CodeSandbox

• chat on gitter
• ask a question on Stackoverflow
• report an issue on GitHub

Very short introduction

describe('app-component', () => {
  // Mocking everything in AppModule except AppComponent
  beforeEach(() => MockBuilder(AppComponent, AppModule));

  // Mocking observables in dependencies
  beforeEach(() =>
    MockInstance(AuthService, () => ({
      isLoggedIn$: EMPTY,
      currentUser$: EMPTY,
    })),
  );

  it('should be created', () => {
    const fixture = MockRender(AppComponent);
    expect(fixture.point.componentInstance).toBeDefined();
  });
});

Profit.

Extra

Please support, if you like it:

• give a star on GitHub
• share on twitter

Thank you!

P.S. Feel free to contact us if you need help.