TypeError：无法读取茉莉花单元测试用例中未定义的属性“ nativeElement”

Question

在我的TS文件中

   @ViewChild('creditName', { read: false, static: false }) public creditName: ElementRef<any>;

onChange（）{enter code here this.creditName.nativeElement.style.border ='1px纯红色'; }

下面是我的HTML

任何人都可以指导我，如何编写上述测试用例...

我在下面尝试过，但是没有用

1. spyOnProperty（div.nativeElement，'style：border'，'get'）。and.returnValue（'1px纯红色'）;
2. component.creditName = Fixture.debugElement.query（By.css（'。for-testing'））;

Answer 1

您可能在测试中错过了此内容，以便呈现组件模板：

fixture.detectChanges();

如果更改了组件中的变量后会影响其模板的呈现（例如，如果ngIf会隐藏您的输入字段），则还需要调用此变量。