Angular测试：MatSelectHarness未更新ngModel绑定变量

问题根源 #

1. 异步等待未正确处理：测试里调用fixture.whenStable()时没加await，代码没等组件完成异步更新就直接执行断言，此时selectedIssueType还没来得及同步。
2. 潜在的绑定语法问题：HTML中mat-option的value用了插值语法{{issueLinkUnique}}，这种写法可能导致类型转换异常，建议改用属性绑定。
3. 断言值不匹配：原测试里预期值写的是'Block'，但选中的选项文本是'Blocked'，明显不匹配，这也会导致断言失败。

修复后的测试代码 #

it('dummy test', async () => {
    serviceSpy.and.returnValue(of(rtConsolidatedLinkedIssesTableData)); 
    component.ngOnInit(); 
    await fixture.whenStable(); // 初始化后等待数据加载完成

    const issueTypeFilter = await loader.getHarness<MatSelectHarness>(
        MatSelectHarness.with({selector: '#issuetype-filter'})
    );
    await issueTypeFilter.open();
    expect((await issueTypeFilter.getOptions()).length).toBe(2);

    const blockedOption = await issueTypeFilter.getOptions({text: 'Blocked'});
    await blockedOption[0].click();
    expect(await blockedOption[0].isSelected()).toBe(true);

    await fixture.whenStable(); // 等待选择后的异步更新完成
    await fixture.detectChanges(); // 触发变更检测，确保组件状态同步

    expect(component.selectedIssueType).toBe('Blocked'); // 修正预期值和选项一致
});

HTML代码优化 #

把mat-option的value改为属性绑定，避免类型问题：

<mat-option
  *ngFor="let issueLinkUnique of issueTypeList" 
  [value]="issueLinkUnique">
    {{issueLinkUnique}}
</mat-option>

关键注意点 #

• 所有异步操作（比如fixture.whenStable()）必须加await，否则代码会跳过等待直接执行后续逻辑。
• 断言的预期值要和选项的value完全匹配，别出现笔误。
• 组件初始化后最好等待一次fixture.whenStable()，确保异步数据加载完成再操作控件。

内容的提问来源于stack exchange，提问作者Arnab Mukherjee