Angular测试报错：Cannot read properties of undefined (reading 'paramMap')

这个错误本质是你Mock的ActivatedRoute结构不符合组件代码的调用层级，导致this.route.snapshot为undefined，进而读取paramMap时报错。常见的问题点有两个：

• Mock结构不完整，缺少嵌套层级
  组件代码是通过this.route.snapshot.paramMap.get('id')获取ID，这意味着需要三层嵌套结构：ActivatedRoute → snapshot → paramMap（且paramMap要包含get方法）。很多人会忽略snapshot这一层，直接MockparamMap，或者只给ActivatedRoute设置了空对象，导致route.snapshot不存在。

• 测试模块中未正确提供Mock实例
  即使写对了Mock结构，如果没在TestBed.configureTestingModule的providers数组里用Mock实例替换原生的ActivatedRoute，组件依然会注入真实的ActivatedRoute实例（而测试环境中真实实例的snapshot是未初始化的）。

举个正确的Mock配置示例：

// 构建符合层级要求的Mock对象
const mockActivatedRoute = {
  snapshot: {
    paramMap: {
      get: (key: string) => '1' // 这里返回你需要测试的ID值
    }
  }
};

// 在测试模块中注入Mock
beforeEach(async () => {
  await TestBed.configureTestingModule({
    declarations: [YourTargetComponent],
    providers: [
      { provide: ActivatedRoute, useValue: mockActivatedRoute }
    ]
  }).compileComponents();
});

只要保证Mock对象的结构和组件调用的路径完全匹配，同时正确注入到测试模块中，这个错误就能解决。

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