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

Question

Angular应用使用模板中定义的材料步进。 该组件通过使用@viewchild（'stepper'）步进：Matstepper访问步进； 在组件中，许多方法基于单击事件设置所选索引。 单位测试失败，因为它说“无法设置未定义的属性（设置'SelectedIndex'）”。

我认为步进器是在模板（IE HTML）中定义的，单位测试是在组件（.TS）上的，并且使用ViewChild访问它，因此在单位测试中无法访问步进，因为它未在组件中定义。

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

Answer 1

您需要确保已正确配置了测试床，并导入所有相关依赖项。在不查看代码的情况下，尝试使用以下方式尝试导入Matsteppermodule：

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

然后将其添加到您的测试中：

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

希望这会有所帮助。