rxjs - 存根抓住 redux-observable 史诗

Question

我正在尝试测试 rxjs 观察者的 catch 函数，但 catch 从未运行。

测试.js

it.only('On fail restore password', () => {
    sandbox = sinon.stub(Observable.ajax, 'post').returns(new Error());
    store.dispatch(restorePasswordVi('prueba'));
    expect(store.getActions()).toInclude({ success: false, type: SET_RESTORE_PASSWORD_SUCCESS });
  });

史诗请看https://redux-observable.js.org/

export function restorePasswordViEpic(action$: Observable<Action>, store: Store) {
  return action$
    .ofType(RESTORE_PASSWORD_VI)
    .switchMap(({ user }) => {
      store.dispatch(blockLoading(true));
      return Observable
       .ajax
       .post(`${config.host}/auth/restore-password`, { user })
         .map(() => setRestorePasswordSuccess(true))
         .catch(() => {
           return Observable.of(setMessage('Se ha producido un error por favor intente de nuevo.'));
         });
    });
}

Answer 1

您的存根Observable.ajax.post需要返回一个Observable引发错误的。

.returns(Observable.throw(new Error()));

全部一起：

it.only('On fail restore password', () => {
  sandbox = sinon.stub(Observable.ajax, 'post').returns(Observable.throw(new Error()));
  store.dispatch(restorePasswordVi('prueba'));
  expect(store.getActions()).toInclude({ success: false, type: SET_RESTORE_PASSWORD_SUCCESS });
});

由于您现有的存根仅返回一个 Error 对象本身（不是引发错误的可观察对象），因此它应该导致引发未捕获的错误，例如：

Uncaught TypeError: Observable.ajax.post(...).map is not a function

如果您在运行测试时没有看到任何类似的错误，那么您可能会在某处默默地吞下错误，因此需要注意一些事情。