我正在为 Angular 应用程序运行单元测试,我想通过单元测试设置此输入元素的文本内容。我正在使用 Jasmine
<input type="text" id="accountid" class="form-control col-sm-3" [(ngModel)]="record.accountid" name="accountid" required>
我尝试了这个,但它不起作用
let formData = fixture.debugElement.query(By.css('#accountid'));
formData.nativeElement.value = 22;
fixture.detectChanges();
console.log(formData.nativeElement.textContent);//expected to print 22
expect(formData.nativeElement.textContent).toBe(22);//fails
最佳答案
您必须在设置输入值后调度一个 input
事件:
let formData = fixture.debugElement.query(By.css('#accountid'));
formData.nativeElement.value = 22;
formData.nativeElement.dispatchEvent(new Event('input'));
expect(formData.nativeElement.value).toBe(22);
关于html - 如何在单元测试中设置html输入元素的文本内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58113017/