我已经建立了一个密切关注Angular文档中的HttpInterceptor
。
但是,我需要将异步调用作为拦截器的一部分。我创建了一个带有简化版代码的StackBlitz(但语义相同)。
拦截器看起来像:
export class AuthInterceptor implements HttpInterceptor {
constructor(private session: SessionService, private config: ConfigurationService) {}
intercept(req: HttpRequest<any>, next: HttpHandler) {
const apiRoot = this.config.apiUrl;
if (apiRoot && req.url.startsWith(apiRoot)) {
return this.addAuth(req).pipe(switchMap(x => next.handle(x)));
} else {
return next.handle(req);
}
}
private addAuth(original: HttpRequest<any>): Observable<HttpRequest<any>> {
return from(this.session.getToken()).pipe(
map(token => {
const req = original.clone({
setHeaders: { Authorization: `Bearer ${token}` }
});
return req;
})
);
}
}
这很简单:
req.url.startsWith()
)ConfigurationService
有一个简单的string
属性,名为apiUrl
。 SessionService
有一个几乎同样简单的方法,名为getToken()
,它返回一个Promise<string>
。
但是,我很难测试这个......
我的实际测试非常简单:
it('should add authorization header for API call', () => {
http.get('bar').subscribe();
httpMock.expectOne(req => req.headers.has('Authorization'));
});
我正确地嘲笑了getToken()
和apiUrl
,以便apiUrl='bar'
和getToken()
返回Promise.resolve('foobar')
。问题似乎只有在通过addAuth()
路径时才会出现。如果我测试反例,它的工作原理是:
it('should NOT add authorization header for non-API call', () => {
http.get('baz').subscribe();
httpMock.expectOne(req => !req.headers.has('Authorization'));
});
所以,正如我的一条评论中所提到的,修复似乎是使用fakeAsync()
和tick()
这样:
beforeEach(()=>{
spyOn(sessionService, 'getToken').and.returnValue(Promise.resolve('foobar'));
});
it('should add authorization header for API call', fakeAsync(() => {
http.get('bar').subscribe();
tick();
httpMock.expectOne(req => req.headers.has('Authorization'));
}));
虽然这是有道理的,如果有人能澄清我为什么需要tick()
......我认为解决这个承诺就足够了。我确实尝试使用await http.get().toPromise();
(并使用async
关键字 - 而不是函数),但这不起作用。