Angular Unit Testing injecting parameters

Question

i am trying to setup unit tests using inject. But i am not sure how to set the parameters.

The constructor for the class being tested (auth.service.ts) is:

constructor(private http : HttpClient, private token: TokenStorage) {}

Unit Test class (auth.service.spec.ts)

import { TestBed, inject } from '@angular/core/testing';
import { AuthService } from './auth.service';
import { HttpClient, HttpHandler, HttpClientModule } from '@angular/common/http';
import { TokenStorage } from './token.storage';

describe('AuthService', () => {
    beforeEach(() => {
        TestBed.configureTestingModule({
            providers: [AuthService, HttpClient, HttpHandler, HttpClientModule, TokenStorage]
        });
    });
    it('should be created', inject([AuthService], (service: AuthService) => {
        expect(service).toBeTruthy();
    }));
});

The tag angular is for angular.io (2+) and tag angularjs is for angularjs.org (1x). Using the correct tag will help give your question visibility to developers that can better answer your question. — Igor
– Igor, Commented Apr 26, 2019 at 16:55
Something which can be helpful medium.com/@shashankvivek.7/… — Shashank Vivek
– Shashank Vivek, Commented Apr 30, 2019 at 3:42

Igor · Accepted Answer · 2019-04-26 17:02:12Z

2

You need to use the HttpClientTestingModule to test HttpClient usage in your service.
Use a fake value for TokenStorage, otherwise your unit test becomes an integration test.

See also angular - Testing services with the TestBed

import { TestBed, inject, getTestBed } from '@angular/core/testing';
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import { AuthService } from './auth.service';
import { TokenStorage } from './token.storage';

describe('AuthService', () => {
  let injector: TestBed;
  let service: AuthService;
  let httpMock: HttpTestingController;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule],
      providers: [
        AuthService,
        { provide: TokenStorage, useValue: {} }
      ]
    });
    injector = getTestBed();
    service = injector.get(AuthService);
    httpMock = injector.get(HttpTestingController);
  });

  afterEach(() => {
    httpMock.verify();
  });

  it('should be created', () => {
    expect(service).toBeTruthy();
  });
});

edited Apr 26, 2019 at 17:02

answered Apr 26, 2019 at 16:49

Igor

62.5k10 gold badges111 silver badges181 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gagan Suie Over a year ago

I get the following error: Error: StaticInjectorError(DynamicTestModule)[AuthService -> HttpClient]: error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'AuthService', Function ] })

Collectives™ on Stack Overflow

Angular Unit Testing injecting parameters

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related