Angular测试：覆盖服务注入依赖时如何解决依赖缺失报错

问题根源 #

你当前的Mock方式失效的核心原因是：MockServiceA继承自ServiceA，实例化时会优先执行父类的初始化逻辑。父类ServiceA中的protected serviceB = inject(ServiceB);会触发Angular的依赖注入机制，此时DI系统会尝试解析ServiceB及其依赖ServiceC，而你并未在测试模块中提供这些依赖的Mock，因此编译器报错。子类对serviceB的覆盖是在父类初始化完成后才执行的，无法阻止父类的inject调用。

最优解决方案 #

方案1：直接创建独立Mock类（不继承） #

完全绕过父类的依赖链，只模拟MyComponent实际用到的ServiceA的属性和方法，不需要继承原ServiceA类：

@Injectable({ providedIn: 'root' })
export class MockServiceA {
  // 仅实现MyComponent调用的ServiceA方法/属性
  getSomeData() {
    return 'mock data';
  }
  // 若组件不需要访问ServiceA内部的serviceB相关逻辑，无需模拟serviceB
}

在测试模块中替换：

TestBed.configureTestingModule({
  imports: [MyComponent],
  providers: [
    { provide: ServiceA, useClass: MockServiceA },
  ]
});

方案2：使用useValue直接注入模拟对象 #

如果不需要创建完整的类，直接用对象字面量模拟ServiceA，更轻量化：

TestBed.configureTestingModule({
  imports: [MyComponent],
  providers: [
    { 
      provide: ServiceA, 
      useValue: {
        // 精准模拟组件用到的成员
        getSomeData: () => 'mock data'
      } as ServiceA 
    },
  ]
});

方案3：基于接口注入（长期优化） #

如果项目中还没做，建议为ServiceA定义抽象接口，组件依赖接口而非具体类，这样Mock会更灵活：

// 定义接口
export interface IServiceA {
  getSomeData(): string;
}

// 原ServiceA实现接口
@Injectable({...})
class ServiceA implements IServiceA {
  protected serviceB = inject(ServiceB);
  getSomeData() {
    return this.serviceB.fetchData();
  }
}

// 组件注入接口
@Component({...})
class MyComponent {
  private serviceA = inject<IServiceA>(ServiceA);
}

此时Mock类只需实现接口，完全脱离原ServiceA的依赖链：

@Injectable({ providedIn: 'root' })
export class MockServiceA implements IServiceA {
  getSomeData() {
    return 'mock data';
  }
}

不推荐的方案（仅作参考） #

如果一定要继承ServiceA，你需要为ServiceB和ServiceC也提供Mock，但这会陷入依赖链的Mock循环，增加测试复杂度：

// Mock ServiceC
class MockServiceC {}

// Mock ServiceB
class MockServiceB extends ServiceB {
  override serviceC = new MockServiceC();
}

// 最终Mock ServiceA
class MockServiceA extends ServiceA {
  override serviceB = new MockServiceB();
}

这种方式会让测试代码冗余，且一旦依赖链变更，所有Mock都需要修改，维护成本高。

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