1: mat-select有4个值,分别是1、2、3、4。
以下代码可用于选择器。如果有帮助,我愿意分享给读者。
it('check the length of drop down', async () => {
const trigger = fixture.debugElement.query(By.css('.mat-select-trigger')).nativeElement;
trigger.click();
fixture.detectChanges();
await fixture.whenStable().then(() => {
const inquiryOptions = fixture.debugElement.queryAll(By.css('.mat-option-text'));
expect(inquiryOptions.length).toEqual(4);
});
});
2:我需要另一个测试来验证相同的mat-select中默认值是否为3。当页面加载时,下拉列表的默认值设置为3。
it('should validate the drop down value if it is set by default', async () => {
const trigger = fixture.debugElement.query(By.css('.mat-select-trigger')).nativeElement;
trigger.click();
fixture.detectChanges();
await fixture.whenStable().then(() => {
const inquiryOptions = fixture.debugElement.queryAll(By.css('.mat-option-text'));
const value = trigger.options[0].value;
expect(value).toContain(3);
});
});
非常感谢您的帮助。
mat-select
输入的值时,直到调用fixture.detectChanges(); await fixture.whenStable(); fixture.detectChanges();
我才能看到 DOM 的变化 -- 如果删除其中任何一个调用,则会在下一行中看到旧值。 - Coderer