web-dev-qa-db-fra.com

Test de service Angular2: injectez une dépendance avec beforeEach

Je teste des services avec une dépendance Http. Chaque test ressemble à ceci:

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 ...
});

Comme vous pouvez le voir, je dois injecter la maquette BackEnd à chaque fois.

Est-il possible d'utiliser un beforeEach pour injecter la dépendance avant chaque test?

15
Maryannah

Est-il possible d'utiliser un beforeEach pour injecter la dépendance avant chaque test?

Bien sûr que vous le pourriez.

let service;

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

Bien que vous puissiez également obtenir le service à partir du TestBed, qui est également un injecteur

let service;

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

  service = TestBed.get(Service);
})
39
Paul Samsotha