Angular2 service testing: add dependency with beforeEach

Question

I am testing services with dependency Http. Each test is as follows:

import { TestBed, async, inject } from '@angular/core/testing';
import { ValidationService } from './validation.service';
import { HttpModule, Http, Response, ResponseOptions, RequestOptions, Headers, XHRBackend } from '@angular/http';
import { MockBackend, MockConnection } from '@angular/http/testing';

describe('DashboardService', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [HttpModule],
      providers: [
        ValidationService,
        { provide: XHRBackend, useClass: MockBackend }
      ]
    });
  });

  it('should ...',
    inject([ValidationService, XHRBackend],
      (service: ValidationService, mockBackEnd: MockBackend) => {
        mockBackEnd.connections.subscribe((connection: MockConnection) => {
          connection.mockRespond(new Response(new ResponseOptions({
            body: JSON.stringify('content')
          })));
        });
      }));
      // assertions ...
});

As you can see, I need to introduce a BackEnd layout on each of them.

Can I use beforeEachaddictions for injection before each test?

Answer 1

Is it possible to use beforeEach to inject dependencies before each test?

Sure you may.

let service;

beforeEach(inject([Service], (svc) => {
  service = svc;
}))

Although you can also just get service from TestBed, which is also an injector

let service;

beforeEach(() => {
  TestBed.configureTestingModule({
    ...
  })

  service = TestBed.get(Service);
})