如何使用 jest 测试带有 axios-mock-adapter 模拟数据的异步史诗？

问题描述

当我运行测试代码时，actual$ 返回一个空数组，expected 返回模拟数据。 原因是 api.ugc.wishlist.getAllFolders() 是异步的。 我应该如何编写测试？

//testing code:


describe('wishlist select',() => {
  describe('dispatch a correct action of load',() => {
    it('select getAllFolders successfully',() => {
      getTestScheduler().run(({ cold,expectObservable }) => {
        const action$ = ActionsObservable.from(
          cold('(a|)',{
            a: actions.load.start(),})
        );
        const state$ = new StateObservable<IState>(new Subject(),initialState);

        const expected$ = {
          a: actions.load.done(toFolders(select.items)),};

        const actual$ = load(action$,state$,dependencies);
        // the actual$ return an empty array.
        expectObservable(actual$).toBe('(a|)',expected$);
      });
    });
  });
});


// load epic code:

export const load: IEpic = (action$,{ api }) =>
  action$.pipe(
    ofType(actions.load.start.getType()),mergeMap(() => {
      return from(api.ugc.wishlist.getAllFolders()).pipe( // get mock dara from axios-mock-adapter 
        mergeMap(response => {
          const { items } = response.data;
          return of(actions.load.done(toFolders(items)));
        })
      );
    })
  );

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）