单元测试Reaction Redux thunk调度与JEST和&quot；v：16.13.1&quot；的Reaction测试库，

原学程将引见单位尝试Reaction Redux thunk调剂与JEST以及&quot；v：一六.一三.一&quot；的Reaction尝试库，的处置办法，这篇学程是从其余处所瞅到的，而后减了1些海外法式员的疑问与解问，愿望能对于您有所赞助，佳了，上面开端进修吧。

成绩描写

我有以下功效。

const loadUsers= () => {
  return async (dispatch) => {
 dispatch(userRequest());
 let response= null
 try {
response= await UserService.getUser();
dispatch(userLoading());
 } catch (error) {
dispatch(userError(error));
 } finally {
dispatch(userSuccess(response));
 }
  };
};

经由过程以下单位尝试，我可以或许拜访&quot；Dispatch(userRequest())；

describe('user thunk', () => {
 it('dispatches a userRequest', async () => {
const dispatch = jest.fn();

await loadUsers()(dispatch);
expect(dispatch).toHaveBeenCalledWith(userRequest());
 });
  });

然则，我没有晓得怎样尝试response= await UserService.getUser();及以下的言。虽然该函数其实不庞杂，而且我对于编辑庞杂的尝试出有太年夜的代价，但是我须要它去建立我的管讲。

若有所有赞助，将不堪感谢。

提早感谢。

革新-&>用户办事

import axios from 'axios';

const USERS_ENDPOINT = '/user';

export const getUser= async () => {
  const response = await axios.get(PRODUCTS_ENDPOINT, {});
  return response.data;
};

export default getUser;

推举谜底

经由多少天的研讨，我终究用以下办法尝试了逻辑。

import thunk from 'redux-thunk';
import configureStore from 'redux-mock-store';
import * as reactRedux from 'react-redux';

import axios from 'axios';
const middlewares = [thunk];
const mockStore = configureStore(middlewares);

describe('load user thunk', () => {
it('dispatches load user and error on call when API is not mocked', async () => {
  const store = mockStore({});
  const requestDispatch= userRequest();
  const errorDispatch= userError("Mock Message");

  await store.dispatch(await loadUsers());
  const actionsResulted = store.getActions();
  const expectedActions = [
 requestDispatch,
 errorDispatch,
  ];
  expect(actionsResulted.length).toEqual(expectedActions.length);
  expect(actionsResulted[0].type).toEqual(expectedActions[0].type);
  expect(actionsResulted[一].type).toEqual(expectedActions[一].type);
}); 

it('dispatches load user and success on call when API is mocked', async () => {
  const store = mockStore({});
  const requestDispatch= userRequest();
  const successDispatch= userSuccess("Mock Data");
  jest
  .spyOn(axios, 'get')
  .mockResolvedValue({ status: 二00, data: "Mock Data"});

  await store.dispatch(await loadUsers());
  const actionsResulted = store.getActions();
  const expectedActions = [
 requestDispatch,
 successDispatch,
  ];
  expect(actionsResulted.length).toEqual(expectedActions.length);
  expect(actionsResulted[0].type).toEqual(expectedActions[0].type);
  expect(actionsResulted[一].type).toEqual(expectedActions[一].type);

 });

佳了闭于单位尝试Reaction Redux thunk调剂与JEST以及&quot；v：一六.一三.一&quot；的Reaction尝试库，的学程便到这里便停止了，愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野，更多技巧学程不妨在站内搜刮。