web-dev-qa-db-ja.com

Angular2サービステスト：beforeEachで依存関係を注入する

Http依存関係を持つサービスをテストしています。すべてのテストは次のようになります。

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

ご覧のとおり、BackEndモックを毎回挿入する必要があります。

すべてのテストの前にbeforeEachを使用して依存関係を注入することは可能ですか？

unit-testingangularjasmine
15
Maryannah

BeforeEachを使用して、すべてのテストの前に依存関係を注入することは可能ですか？

もちろんできます。

let service;

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

また、インジェクターでもあるTestBedからサービスを取得することもできますが

let service;

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

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