如何正确Mock Angular服务？Karma Jasmine测试Spy调用次数为0如何解决

• 排查组件级提供者覆盖问题
  检查 DetailedShipComponent 的 @Component 装饰器配置，如果其 providers 数组中声明了 ShipsService，会优先使用组件级注入的服务，覆盖你在 TestBed 中配置的 Mock 服务。解决方法是删除组件 providers 中的 ShipsService 声明，或者在 TestBed 配置中通过 componentProviders 字段注入 Mock 服务，优先级高于组件自身的提供者。
• 校验服务导入路径一致性
  检查测试文件和组件文件中导入 ShipsService 的 import 语句，确保路径的大小写、相对层级完全一致。Angular 依赖注入的服务令牌对导入路径敏感，路径存在差异时会被识别为两个不同的服务，导致 Mock 不生效。
• 调整 Spy 配置时机（组件初始化调用场景）
  如果你的组件在 ngOnInit 钩子中就会调用 retrieveShip 方法，你在测试用例中给 mockShipsService.getSingleShip 设置返回值的时机晚于组件初始化，会导致方法调用发生在 Spy 配置完成之前。可以将 Spy 返回值的配置逻辑移到创建组件实例的 beforeEach 之前，确保初始化时 Spy 已经生效。
• 可选优化：移除冗余依赖
  你当前已经 Mock 了整个 ShipsService，不会触发真实的 HTTP 请求，不需要再导入 HttpClientTestingModule，可以从 TestBed 的 imports 数组中删除，减少测试依赖。
• 调试验证注入实例
  可以在组件的 retrieveShip 方法中打印 this.shipsService，如果输出的不是 Jasmine Spy 对象，说明注入的仍然是真实服务，可按照前两个排查点进一步定位问题。

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