如何解决Angular 单元测试功能
我刚刚开始探索 angular 的单元测试。 我在 .ts 文件中有一个函数
onValueChange(val: number): void {
this.formGroup.get(this.controlName).setValue(val);
}
我正在尝试测试 controlName 是否具有在 onValueChange 参数中传递的值
我在 spec.ts 文件中试过这个
it('form value should update from form changes',fakeAsync(() => {
onValueChange(5);
expect(component.formGroup.get(component.controlName)).toEqual(5);
}));
function onValueChange(val: number): void {
component.formGroup.get(component.controlName).setValue(val);
}
我做错了什么
解决方法
你没有在你的期望语句中比较相同的东西。
expect(component.formGroup.get(component.controlName).value).toEqual(5);
您错过了“.value”
除此之外,我不认为你正在做的事情理论上可以算作测试原始的 onValueChange 函数。我不知道为什么你在 .ts 文件而不是 .component.ts 文件中有被测函数。
如果您的功能包含在一个组件中,您可以轻松配置 TestBed,而无需在测试文件中重复该功能。
唉,如果你不能把它放在一个组件中,那么我不建议在测试文件中重新创建原始功能。在这种情况下(理想的解决方案是避免这种情况),有几种解决方法。
import myTestFunc from 'myFile.ts';
describe('Test function',() => {
let testObj;
beforeEach(()=>{
testObj = {myTestFunc: myTestFunc};
});
it('test',()=>{
expect(testObj.myTestFunc()).toBe(something);
});
});
这样的东西甚至可以让你使用间谍。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。