Angular单元测试报错：Object is possibly 'undefined'问题排查

嘿，我来帮你拆解这个问题～你遇到的这个报错，核心原因其实很简单：

在Angular单元测试的it测试块里，this并不指向你的组件实例！你写的this.dataSource和this.DMDataSource，实际访问的是测试函数的上下文对象，而不是你组件类里定义的数据源属性——这个上下文里根本没有这些属性，所以TypeScript会判定它们可能是undefined，直接抛出这个类型错误。

正确的写法 #

你应该直接通过测试中初始化的component实例来访问组件的属性，修改后的测试代码如下：

it('should set the dataSource filter to the provided argument', () => { 
  component.applyFilter('filterValue'); 
  expect(component.dataSource.filter).toEqual('filterValue'); 
});

it('should set the DMDataSource filter to the provided argument', () => { 
  component.applyFilter('filterValue'); 
  expect(component.DMDataSource.filter).toEqual('filterValue'); 
});

额外注意点 #

如果你的组件里的dataSource或DMDataSource是在ngOnInit这类生命周期钩子中才初始化的，那你还需要在测试前确保组件已经完成初始化：

• 可以调用fixture.detectChanges()（第一次调用会触发ngOnInit）
• 或者手动给component.dataSource赋值一个实例，比如component.dataSource = new MatTableDataSource();（如果是Material表格的数据源的话）

这样就能彻底解决这个类型报错啦～

内容的提问来源于stack exchange，提问作者Mr.M