Angular单元测试路由方法时报TypeError: this.myService.Name不是函数的解决方法

当前测试代码存在三个核心问题直接触发报错：

• 测试执行逻辑顺序颠倒：先调用component.route(mockData[0])，之后才给route方法添加spy，导致方法执行过程中没有被拦截，真实执行时碰到缺失的依赖就会抛错。
• 组件依赖未正确Mock：Angular单元测试环境中，component实例拿到的myService没有被正确注入，是一个空对象，不存在Name、Code方法，调用时自然抛出如下报错：

TypeError: this.myService.Name is not a function

• 测试断言逻辑无效：原有代码仅判断spy对象存在，没有验证route方法的实际执行效果，属于无意义的测试。

1. 在测试初始化阶段配置依赖Mock #

在beforeEach钩子中为组件所有外部依赖（MyService、Router、路由相对路径依赖ActivatedRoute）创建Mock实例，替换真实依赖的注入：

// 定义所有依赖的Mock对象
const mockMyService = jasmine.createSpyObj('MyService', ['Name', 'Code']);
const mockRouter = jasmine.createSpyObj('Router', ['navigate']);
const mockRelativeRoute = {}; // 对应组件代码中的this.routes

beforeEach(() => {
  TestBed.configureTestingModule({
    declarations: [MyComponent],
    providers: [
      // 用Mock对象替换真实依赖的注入
      { provide: MyService, useValue: mockMyService },
      { provide: Router, useValue: mockRouter },
      { provide: ActivatedRoute, useValue: mockRelativeRoute }
    ]
  });
  fixture = TestBed.createComponent(MyComponent);
  component = fixture.componentInstance;
});

2. 修正测试用例的执行顺序与断言逻辑 #

严格按照「先打Spy → 触发方法执行 → 验证所有预期行为」的顺序编写测试，避免方法提前执行绕过拦截：

it('route() 方法应正确调用服务方法并触发路由跳转', () => {
  // 1. 先对待测试方法添加Spy，*必须在方法调用前完成操作*
  const routeSpy = spyOn(component, 'route').and.callThrough();
  const mockTestElement = { Name: '测试名称', Code: '测试编码' };

  // 2. 触发待测试的方法执行
  component.route(mockTestElement);

  // 3. 逐层验证所有预期行为
  // 验证route方法被正确调用
  expect(routeSpy).toHaveBeenCalledWith(mockTestElement);
  // 验证MyService的两个方法接收了正确参数
  expect(mockMyService.Name).toHaveBeenCalledWith('测试名称');
  expect(mockMyService.Code).toHaveBeenCalledWith('测试编码');
  // 验证路由跳转被触发，参数符合预期
  expect(mockRouter.navigate).toHaveBeenCalledWith(
    ['myPage'],
    { relativeTo: mockRelativeRoute }
  );
});

• 严禁在调用待测试方法之后再添加Spy，否则方法执行过程不会被Spy捕获，缺失的真实依赖会直接触发运行时错误。
• 所有组件引入的外部服务、路由、工具类依赖都需要在TestBed中显式配置Mock，不能直接使用真实实例，否则会导致单元测试耦合其他模块逻辑，出现各类“方法不存在”的报错。
• 单元测试不能仅判断Spy对象存在，需要对方法执行产生的所有副作用（服务调用、路由跳转、状态变更）做校验，才能保证测试的有效性。

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