单元测试 react redux thunk dispatches with jest and react testing library for "v: 16.13.1",答案

【问题标题】：Unit testing react redux thunk dispatches with jest and react testing library for "v: 16.13.1",单元测试 react redux thunk dispatches with jest and react testing library for "v: 16.13.1",
【发布时间】：2021-09-13 01:17:07
【问题描述】：

我有以下功能。

常量 loadUsers= () => { 返回异步（调度）=> { 调度（用户请求（））；让响应=空尝试 { 响应=等待 UserService.getUser(); 调度（用户加载（））； } 捕捉（错误）{ 调度（用户错误（错误））； } 最后 { 调度（用户成功（响应））； } }; };

通过以下单元测试，我可以点击“dispatch(userRequest());”

描述（'用户重击'，（）=> { it('发送用户请求', async () => { 常量调度 = jest.fn(); 等待加载用户（）（调度）；期望（调度）.toHaveBeenCalledWith（用户请求（））； }); });

但是我不知道如何测试线及以下response= await UserService.getUser();。尽管该函数并不复杂，而且我编写复杂的测试没有多大价值，但我需要它来构建我的管道。

任何帮助将不胜感激。

提前致谢。

更新->用户服务

从'axios'导入axios；

const USERS_ENDPOINT = '/用户';

导出 const getUser= async () => {
  常量响应 = 等待 axios.get(PRODUCTS_ENDPOINT, {});
  返回响应。数据；
};

导出默认getUser；

【问题讨论】：

UserService 来自哪里？显示代码
@slideshowp2 使用 UserSerivce 更新

标签： javascript reactjs redux redux-thunk react-testing-library

【解决方案1】：

经过几天的研究，我最终通过以下方式测试了逻辑。

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[1].type).toEqual(expectedActions[1].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: 200, 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[1].type).toEqual(expectedActions[1].type);

 });

【讨论】：