1

这两个测试似乎有效（至少在我的情况下）

这两种方法之间是否存在一些具体差异？以及如何决定我应该使用哪个（使用 Http 测试服务的最佳实践）？

1. 使用 MockBackend 方法

beforeEach(() => {
  TestBed.configureTestingModule({
    providers: [
      MyService,
      MockBackend,
      BaseRequestOptions,
      {
          provide: Http,
          deps: [MockBackend, BaseRequestOptions],
          useFactory: (backend: XHRBackend, defaultOptions: BaseRequestOptions) => new Http(backend, defaultOptions)
      }
    ],
    imports: [HttpModule]
  }).compileComponents();
});

it('#getResources should get an items list', 
  async(inject([MyService], (service: MyService) => {

    TestBed.get(MockBackend).connections.subscribe(
        (connection: MockConnection) => connection.mockRespond(new Response(
          new ResponseOptions({
            body: {
              items: ['foo','bar']
            }
          })
        ))
    );

    service.getResources('/foobar').subscribe(items => {
        expect(items).toEqual(['foo','bar']);
    });

  }))
);

2. 使用 spyOn().and.returnValue() 方法

let backend: XHRBackend;
let defaultOptions: BaseRequestOptions;
let http = new Http(backend, defaultOptions);

it('#getResources should get an items list', async(() => {

  const spy = spyOn(http, 'get')
              .and.returnValue(
                Observable.of(new Response(new ResponseOptions({
                    body: {items: ['foo','bar']}
                }))
              ));

  let service = new MyService(http);
  service.getResources('/foobar').subscribe(items => {
    expect(items).toEqual(['foo','bar']);
  });

}));
4

1 回答 1

2

使用 是MockBackend因为您可能还应该测试其他东西，例如 URL 是否正确、添加了正确的标头等。所有这些东西都可以Request从MockConnection

TestBed.get(MockBackend).connections
 .subscribe((connection: MockConnection) => {
   const request = connection.request;
   expect(request.url).toBe(...)
 })
);

这些是你应该测试的东西，因为有一个意外的 URL 会导致应用程序中的请求失败。所以你应该测试一下。以及标头，以及与请求相关的任何其他内容。

于 2017-04-12T09:32:42.703 回答