javascript - 带有自定义标头的单元测试拦截器
问题描述
我一直在尝试在 Angular 6 的拦截器中运行测试单元,但是经过多次试验和错误后,我不断收到以下错误:
错误:应为条件“按功能匹配:”提供一个匹配请求,但没有找到。
我对 NG6 和单元测试有点陌生,在文档中找不到任何内容
这就是我得到的:
令牌服务(它与后端没有连接,因此被嘲笑)
export class TokenService {
token: EventEmitter<any> = new EventEmitter();
findTokenData(): Observable<any> {
return Observable.create((observer: Observer<object>) => {
observer.next({ headerName: x-fake, token: fake' });
observer.complete();
});
}
}
休息拦截器
export class RestInterceptor implements HttpInterceptor {
constructor(public tokenService: TokenService) { }
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
console.log('request intercepted...');
let authReq: HttpRequest<any>;
const customHeadersMethods = ['POST', 'PUT', 'DELETE', 'PATCH'];
// If the requested method is different GET or HEAD request the CSRF token from the service and add it to the headers
if (customHeadersMethods.indexOf(req.method) !== -1) {
this.tokenService.findTokenData().subscribe(res => {
authReq = req.clone({
headers: req.headers.set(res.headerName, res.token),
});
});
} else {
authReq = req.clone();
}
// send the newly created request
return next.handle(authReq);
}
}
休息拦截器规范
describe('RestInterceptor', () => {
const mockTokenService = {
headerName: 'x-fake',
token: 'fake'
};
beforeEach(() => {
TestBed.configureTestingModule({
imports: [HttpClientTestingModule],
providers: [
{
provide: TokenService,
useValue: mockTokenService
},
{
provide: HTTP_INTERCEPTORS,
useClass: RestInterceptor,
multi: true
}]
});
});
afterEach(inject([HttpTestingController], (httpMock: HttpTestingController) => {
httpMock.verify();
}));
it('Should add a custom header', inject([HttpClient, HttpTestingController], (http: HttpClient, httpMock: HttpTestingController) => {
http.post('/data', {}).subscribe(
response => {
expect(response).toBeTruthy();
}
);
const req = httpMock.expectOne(r =>
r.headers.has(`${mockTokenService.headerName}`) &&
r.headers.get(`${mockTokenService.headerName}`) === `${mockTokenService.token}`);
expect(req.request.method).toEqual('POST');
httpMock.verify();
}));
});
谁能帮我理解我错过了什么?
解决方案
我认为您错过了一个事实,TokenService
即不是简单的值,而是带有findTokenData
返回 Observable 的方法的类。
这是发生的事情:
您定义了模拟:
const mockTokenService = {
headerName: 'x-fake',
token: 'fake'
};
覆盖它:
{
provide: TokenService,
useValue: mockTokenService
},
现在 Angular 将使用这个mockTokenService
对象作为注入的值RestInterceptor
并...
this.tokenService.findTokenData().subscribe(res => {
||
undefined => error
因此,您可以采取以下措施来解决此问题:
import { of } from 'rxjs';
...
const mockToken = {
headerName: 'x-fake',
token: 'fake'
};
const mockTokenService = {
findTokenData: () => {
return of(mockToken);
}
};
...
const req = httpMock.expectOne(r =>
r.headers.has(`${mockToken.headerName}`) &&
r.headers.get(`${mockToken.headerName}`) === `${mockToken.token}`);
推荐阅读
- log4j2 - 我想在 log4j2.xml 中获取每日日期的单独日志,而不是日志被覆盖
- events - 是否可以使用 INET++ 在 OMNET++ 中的 WSN 环境中创建事件(温度、湿度、噪音)
- cordova - Ionic 3 cordova-plugin-advanced-http 主机不匹配问题
- java - 抛出错误时不显示 Vaadin 错误处理窗口
- oracle - pentahokettle如何根据之前输入的数据运行不同的sql获取数据
- python - Pandas read_csv usecols 和名称无法正常工作
- elixir - 使用 Elixir 插值映射键
- magento-1.9 - 对 db Magento 1 中的每个客户执行操作
- flutter - 不能在行内展开
- python - Flaskr - 我无法在单元测试中关闭/清除缓存