Angular测试报subscribe is not a function错误排查咨询

你遇到this.navigationService.itemReset$.subscribe is not a function报错的核心原因是Mock对象的属性类型和真实服务不匹配：

• 真实服务中itemReset$是Observable类型的实例属性，本身自带subscribe方法，组件代码直接在这个属性上调用subscribe。
• 你写的Mock里itemReset$: () => of({} as Event)把这个属性定义成了返回Observable的函数，组件访问this.navigationService.itemReset$拿到的是函数引用，不是Observable实例，函数本身没有subscribe方法，自然会抛出类型错误。
• 你注释里尝试的jasmine.createSpy写法逻辑一致：createSpy默认生成的是函数，即使配置了返回Observable，属性本身仍是函数，依然会触发相同报错。

把Mock里的itemReset$直接赋值为Observable实例即可，不要包裹成函数：

// 测试文件顶部先导入of操作符
import { of } from 'rxjs';

// 修正后的Mock对象
let navigationServiceMock = {
  itemReset$: of({} as Event)
};

如果后续测试需要手动控制数据流发射时机、校验订阅回调的执行逻辑，更推荐用Subject做Mock，灵活度更高：

import { Subject } from 'rxjs';

// 测试套件外层声明Mock用的Subject，方便测试用例直接调用
let mockItemReset$ = new Subject<Event>();
let navigationServiceMock = {
  itemReset$: mockItemReset$.asObservable()
};

// 对应测试用例示例
it('should call resetItem when itemReset$ emits event', () => {
  // 先挂载方法监听
  spyOn(component, 'resetItem');
  const testEvent = new Event('reset');
  // 手动触发数据流发射
  mockItemReset$.next(testEvent);
  // 校验回调逻辑执行
  expect(component.resetItem).toHaveBeenCalledWith(testEvent);
});

注意：第一次调用fixture.detectChanges()会自动触发组件的ngOnInit生命周期，如果要在ngOnInit执行前挂载相关spy，不要把首次fixture.detectChanges()放在beforeEach里提前执行，挪到对应测试用例中、完成spy声明后再调用即可，避免订阅时机早于Mock逻辑导致断言失效。

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