我试图在Angular 4中测试一个HttpInterceptor . 我发现当我调用HttpClient.get()时,它会出错
TypeError:您提供了“undefined”,其中包含了一个流 . 您可以提供Observable,Promise,Array或Iterable .
http.get('/ data')什么时候返回undefined?
import { Injectable } from '@angular/core';
import { TestBed, async, inject } from '@angular/core/testing';
import { HttpClient, HttpClientModule, HttpHandler } from '@angular/common/http';
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import 'rxjs/add/operator/toPromise';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [HttpClientTestingModule, HttpClientModule],
providers: [ HttpClient, HttpHandler,
// {
// provide: HTTP_INTERCEPTORS,
// useClass: AuthErrorHttpInterceptorService,
// multi: true
// }
]
}).compileComponents();
}));
it('adding header test', inject([HttpClient], (http: HttpClient) => {
debugger;
const httpMock = TestBed.get(HttpTestingController);
// Make an HTTP GET request, and expect that it return an object
// of the form {name: 'Test Data'}.
http.get('/data')
.subscribe(data => expect(data['name']).toEqual('Test Data'));
// At this point, the request is pending, and no response has been
// sent. The next step is to expect that the request happened.
const req = httpMock.expectOne('/data');
// If no request with that URL was made, or if multiple requests match,
// expectOne() would throw. However this test makes only one request to
// this URL, so it will match and return a mock request. The mock request
// can be used to deliver a response or make assertions against the
// request. In this case, the test asserts that the request is a GET.
expect(req.request.method).toEqual('GET');
// Next, fulfill the request by transmitting a response.
req.flush({name: 'Test Data'});
// Finally, assert that there are no outstanding requests.
httpMock.verify();
}));
});
TypeError:您提供了“undefined”,其中包含了一个流 . 您可以提供Observable,Promise,Array或Iterable .
编辑:我已经看到问题Error while unit testing HttpClientModule (Angular 4.3+)并导入了HttpClientModule但我仍然得到错误 . 此外,我不包括我的拦截器组件,直到我修复此错误,因此有问题不能存在 .
编辑: const req = httpMock.expectOne('/data');
此行永远不会执行,因为错误是从上面的行引发的
编辑:解决方案是从providers数组中删除'HttpClient,HttpHandler'
1 回答
仅供参考,最终解决方案
拦截器