如何在使用材料步进器的角度组件上编写单元测试

Question

Angular 应用程序使用模板中定义的材料步进器。 组件通过使用@ViewChild('stepper') 步进器访问步进器： MatStepper; 在组件中，许多方法根据点击事件设置选定的索引。 单元测试失败，因为它说“无法设置未定义的属性（设置'selectedIndex'）”。

我认为步进器是在模板（即 html）中定义的，单元测试在组件（.ts）上并使用 viewchild 来访问它，因此单元测试无法访问步进器，因为它没有在组件中定义。

如何编写具有材料步进器的单元测试组件。

Answer 1

您需要确保已正确配置 TestBed，并导入所有相关依赖项。 在没有看到您的代码的情况下，尝试使用以下命令导入 MatStepperModule：

import {MatStepperModule} from '@angular/material/stepper';

然后将其添加到您的 TestBed：

TestBed.configureTestingModule({
  imports: [
    ..., MatStepperModule
  ]
});

希望这可以帮助。