我在一个组件中有一个函数,它将调用一个带有 3 个参数的服务方法,并返回一个承诺。我想在 angular 中使用 karma jasmine 对函数进行单元测试。我在这里犯了什么错误吗?
组件代码
getHeaderData() {
return this.service.getList({
id: this.id,
name: this.name,
pageName: constants.PAGE_NAME
});
}
服务代码
getList(param): Promise<any> {
const params = new HttpParams()
.set('cId',param.id)
.set('cName',param.name)
.set('cPageName',param.pageName);
return new Promise((resolve, reject) => {
try {
this.httpService.get('getHeader', {params}).subscribe(data => {
resolve(data);
});
}catch (err){
reject(err);
}
});
}
规范文件代码
it('test getHeaderData()', async () => {
const serviceSpy: Service = TestBed.get(Service);
SpyOn(serviceSpy, 'getList').and.ReturnValue(Promise.resolve(constants.response));
expect(serviceSpy.getList).toHaveBeenCalled();
expect(component.getHeaderData()).toBe(constants.response);
});
服务的实际返回值是一个对象数组,与我在常量文件中作为响应创建的对象数组相同,并且使用上面的代码我得到以下错误。我不确定这是正确的做法。
<块引用>类型参数缺少来自 '{ then: ExpectedRecursive<{< TResult1 etc......
答案 0 :(得分:1)
一切看起来都不错,您刚刚错过了 await
关键字,因为您返回的是 Promise
(constants.response
) 的 Promise<constants.response>
。因此,您必须在验证之前await
。
it('test getHeaderData()', async () => {
const serviceSpy: Service = TestBed.get(Service);
SpyOn(serviceSpy, 'getList').and.ReturnValue(Promise.resolve(constants.response));
expect(serviceSpy.getList).toHaveBeenCalled();
// Added missed `await` keyword
expect(await component.getHeaderData()).toBe(constants.response);
});