角度测试 - 如何在角度测试中模拟 document.getElementbyId？

Question

我在角度分量中的一个函数中有以下两行。我的角度测试失败，抛出错误 TypeError: Cannot set properties of null (setting 'value')。

test.ts

function reset(){
 (<HTMLInputElement>document.getElementById('test1')).value = '';
 this.nameCtrl.setValue(null);
}

test.spec

fixture.debugElement.componentInstance.test1.value='';
fixture.debugElement.componentInstance.nameCtrl.setValue(null);

我尝试使用上面的方法来模拟静止的线条，但它仍然失败。请帮忙

Answer 1

考虑使用 Angular ViewChild 装饰器而不是 document.getElementById 来访问 test1 DOM 元素。

在此处查看示例： https://www.digitalocean.com/community/tutorials/angular-viewchild-access-component