gpt4 book ai didi

reactjs - 测试从本地 JSON 文件中获取一些数据的异步操作创建器

转载 作者:行者123 更新时间:2023-11-28 21:35:20 25 4
gpt4 key购买 nike

我正在尝试使用 jest 来测试获取一些数据的异步 Action 创建器。我已经浏览了 redux-mock-store 文档,但实际上我并没有掌握我应该做什么。这是操作:

import { Dispatch } from 'redux';

export interface Task {
id: string;
title: string;
categoryTitle?: string;
error?: null;
}

export interface Category {
name: string,
tasks: Task[]
}

export const getCategories = () => {
return async (dispatch: Dispatch) => {
const response = await axios.get<Category[]>(url);

dispatch<GetCategoriesAction>({
type: ActionTypes.getCategories,
payload: response.data
});
};
};

如何测试?有人可以指导我完成这些步骤吗?

最佳答案

你不需要 redux-mock-store这里。本质上,您只需模拟 axios(有很多关于如何做到这一点的信息)并在您的测试调用中 getCategories()(dispatch)使用 jest.fn() 的实例作为调度。然后只需测试参数的频率和参数 dispatch正在为不同的场景调用,例如“axios 成功”或“axios 失败”。

redux 的好处在于它解耦了事物。

之后,您可以通过使用一行操作和 expect 调用它们来测试您的 reducer 。他们返回什么。

redux 的好处在于它将这些层彼此分离,无需一次测试所有内容。

关于reactjs - 测试从本地 JSON 文件中获取一些数据的异步操作创建器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59440499/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com