我正在使用 React 和 Redux Observables 创建一个 Web 应用程序,我想为我的史诗之一的超时场景创建一个单元测试。
这是史诗:
export const loginUserEpic = (action$: ActionsObservable<any>, store, { ajax, scheduler }): Observable<Action> =>
action$.pipe(
ofType<LoginAction>(LoginActionTypes.LOGIN_ACTION),
switchMap((action: LoginAction) =>
ajax({
url,
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: { email: action.payload.username, password: action.payload.password },
}).pipe(
timeout(timeoutValue, scheduler),
map((response: AjaxResponse) => loginSuccess(response.response.token)),
catchError((error: Error) => of(loginFailed(error))),
),
),
);
这是我的测试:
it('should handle a timeout error', () => {
// My current timeout value is 20 millseconds
const inputMarble = '------a';
const inputValues = {
a: login('fake-user', 'fake-password'),
};
const outputMarble = '--b';
const outputValues = {
b: loginFailed(new Error('timeout')),
};
const ajaxMock = jest.fn().mockReturnValue(of({ response: { token: 'fake-token' } }));
const action$ = new ActionsObservable<Action>(ts.createHotObservable(inputMarble, inputValues));
const outputAction = loginUserEpic(action$, undefined, { ajax: ajaxMock, scheduler: ts });
// I am not sure what error to expect here...
ts.expectObservable(outputAction).toBe(outputMarble, outputValues);
ts.flush();
expect(ajaxMock).toHaveBeenCalled();
});
我所期望的是 Epic 会抛出超时错误,因为我的超时值为 20 毫秒,而观察者在发送值之前延迟了 60 毫秒。然后我会接受这个错误并最终比较它以使测试通过。
不幸的是,没有抛出超时错误。难道我做错了什么?