预期的对象是一种 ScalarObservable，但它是 Observable

Question

在我的 Angular 应用程序中，我使用 Observables 的方式如下：

getItem(id): Observable<Object> {
  return this.myApi.myMethod(...); // returns an Observable
}

我对它进行了单元测试：

it('getItem(...) should correctly do its job',
  inject([MyService], (service: MyService) => {

    const spy = spyOn(myApi, 'myMethod').and.returnValue(mockObservable);

    const mockObservable = Observable.of('mock');

    expect(service.getItem(123)).toEqual(mockObservable);

    expect(spy).toHaveBeenCalledWith(...);
  })
);

而且效果很好。

但是，如果我尝试使用 catch 将 default error-handling logic 添加到我的 getItem() 方法中：

getItem(id): Observable<Object> {
  return this.myApi.myMethod(...).catch(e => {
    /* display a notification error ... */
    return Observable.throw(e);
  });
}

它仍然可以正常工作，但现在测试失败了，说：

预期的对象是一种 ScalarObservable，但实际上是 Observable({ _isScalar: false, source: ScalarObservable({ _isScalar: true, value: 'mock', scheduler: null }), operator: CatchOperator({ selector: Function , 捕获: }) }).

这是什么意思？为什么会这样？我该如何解决这个问题？

Answer 1

感谢@Pace 的输入：

expect(service.getItem(123)).toEqual(mockObservable) 失败是因为 它们不是同一个对象。服务方法正在返回一个新的 包装 mockObservable 的 observable ，因此检查失败。你的测试 订阅从你返回的 observable 会更好 服务调用并确保它返回'mock'

我找到了解决办法：

it('getItem(...) should correctly do its job',
  inject([MyService], (service: MyService) => {

    const spy = spyOn(myApi, 'myMethod').and.returnValue(mockObservable);

    const mockData = 'mock'; // can be anything
    const mockObservable = Observable.of(mockData);


    service.getItems().subscribe((data) => {
      expect(data).toEqual(mockData);
    });

    expect(spy).toHaveBeenCalledWith(...);
  })
);