Angular服务Jasmine测试报错：Observable响应中do操作符未定义

错误根源 #

你遇到的报错核心原因是测试里的spyOn覆盖了自定义的stub方法，导致authenticate()返回了undefined。当你调用spyOn(hubConnectorComponent, 'authenticate')时，Jasmine会默认替换掉该方法的原有实现，让它返回undefined，而非你在stub里定义的Observable.of(...)。服务代码执行到this.hubConnector.authenticate().do时，authenticate()的结果是undefined，自然没有.do方法，触发了类型错误。

你的疑问逐一解答 #

• Observable.of是否足够？
  完全足够！Observable.of()可以快速创建一个同步发射指定值的Observable，完全能满足这类测试场景的需求。Observable.create()虽然更灵活，但对于返回固定值的简单场景，of()是更简洁的选择。

• 是否应该改用spy的returnValue？
  是的，如果你需要用spy验证方法是否被调用，就必须给spy设置返回值，让它返回你需要的Observable。当然，你也可以选择不使用spy，直接依赖自定义的stub完成测试逻辑。

• 依赖注入是否错误？
  你的依赖注入方式是正确的！通过useValue提供stub组件/服务的方式符合Angular测试的最佳实践，问题出在spy的使用方式上，而非注入逻辑。

修正后的测试代码 #

方案1：正确使用Spy并设置返回值

如果你需要验证authenticate方法的调用情况，按以下方式修改：

it('should call authenticate and set usuario', fakeAsync(() => {
  // 创建模拟的Observable返回值
  const mockAuthObservable = Observable.of(<SSOUser>{ user: 'X123456', id: '123456' });
  // 给spy绑定返回值
  spyOn(hubConnectorComponent, 'authenticate').and.returnValue(mockAuthObservable);
  
  authService.autenticar();
  tick();
  
  expect(hubConnectorComponent.authenticate).toHaveBeenCalled();
  // 额外验证用户信息是否被正确设置
  expect(authService.usuario).toEqual(<SSOUser>{ user: 'X123456', id: '123456' });
}));

方案2：不使用Spy，直接依赖Stub

如果不需要验证方法调用，仅测试服务核心逻辑，可以直接用自定义stub：

it('should set usuario and call encryption methods after autenticar', fakeAsync(() => {
  // 监听加密服务的方法调用
  spyOn(encriptionService, 'changeKeys');
  
  authService.autenticar();
  tick();
  
  expect(authService.usuario).toEqual(<SSOUser>{ user: 'X123456', id: '123456' });
  expect(encriptionService.changeKeys).toHaveBeenCalled();
}));

额外注意点 #

你的AuthService中使用了.do操作符，但当前代码未显式导入该操作符，建议补充：

// 在AuthService顶部添加这行导入
import 'rxjs/add/operator/do';

虽然运行环境可能因其他模块导入rxjs/Rx而兼容，但显式导入所需操作符能保证测试环境的独立性，避免潜在的操作符找不到问题。

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