问题标签 [jest-fetch-mock]

以下是我的代码，其中包括带有 useEffect 的 fetch API(getData) 调用，一旦获得响应，它将使用 useState 将结果设置到 setData

我正在尝试为 useEffect 和 useState 编写测试用例，但它失败了，当我看到覆盖范围时，我得到了红色背景颜色，其中语句未涵盖 useEffect 块。

我尝试为上面的代码编写如下测试用例。

但是当我尝试使用 npm run test 并检查覆盖率时，我仍然得到 useEffect 和 useState 未涵盖的语句。

我应该怎么做才能最大限度地实现覆盖？

我在父组件中有一个函数 onConfirm，我想使用 jest 和 react-testing-library 对其进行测试，但这作为 prop 传递给子组件。如何在父组件中测试此功能。

我有以下代码

有了这个笑话测试

这就是我遇到运行纱线测试的后续输出的问题

当我删除 .then() 并降低异步函数的复杂性时，这是开玩笑的测试，但我需要代码保持这样，我想当我通过第一个 .then() 时会出现一些错误或冲突，但我不知道怎么解决。

我需要测试 axios 帖子并对其进行快照，这是 app.js 代码的片段。

我需要使用 Jest 来测试 API 调用并拍摄快照。我以前从未使用过 Jest。这是我到目前为止得到的，但它不起作用：

应用程序.test.js

我认为 Jest 已经用 npm install 安装了，但是网上的一些信息建议用 npm install --save-dev jest 安装 jest。

App.js 看起来像这样，我将如何用玩笑来测试它？

我知道我必须创建一个模拟 axios 文件，然后像那样测试它，但它在主 App.js 中使用 setState。我只想开玩笑地测试获取请求/axios 帖子。

我正在为 vue.js 单元测试用例使用 jest 框架。我的问题是我的文件代码行是 31。但显示未覆盖的行是 39、40。配置相关的东西有什么问题吗？

这里有什么问题。我在所有 .vue 文件中都面临这个问题。如何纠正这个

我有一个fetcher函数，它最终只是从 API 中获取东西。在 Jest 中，我想以多种方式测试此功能。为了模拟我使用的 API 响应jest-fetch-mock。

如果服务器响应错误，以下代码段测试函数是否引发错误。这个很好用！

第二个测试应该测试函数是否抛出错误，如果服务器太慢。这个不行。因为我不知道如何等待该fetcher函数并jest.runAllTimers()并行运行。如果我不等待fetcher它返回一个承诺的功能。如果我不这样做runAllTimers，开玩笑的测试将在它抛出之前超时。

关于如何等待异步函数的任何想法应该抛出但也将所有计时器运行为零？

仅供参考，这里是 fetcher 的基本代码：

我第一次尝试 [redux toolkit][1]，但没有找到有关如何测试 ui 对 api 调用的响应的有用文档。

我已经看到 [jest-fetch-mock][2] 建议用于模拟隐藏在语法糖中的调用。

目前我的代码有效，但我找不到一个好的方法来模拟我应该从我的 api 调用中获得的 500 来测试特定场景。这是在我的 RequestList.tsx 文件中调用 api 调用的方法：

测试文件（首选反应测试库）：

寻找通过依赖注入创建 knex 数据库实例的 typescript 示例代码。目标是在单元测试中模拟 knex，而不是在 DAO 文件中硬连线 knex 实例以进行数据访问

测试应该检查是否使用当前用户 ID 调用inbox.get12345以获取currentuser过滤条件。

当我运行测试时，它无法进入return(dispatch, getstate)，我仅在此处添加的两个控制台日志中Console.log(--------test 1-----------)正在打印。第二个不是。所以我认为问题在于我如何嘲笑dispatch和getState。

代码：

在调用 InboxItems.get(..) 时进行测试，它具有正确的参数来调整 InboxView。

测试：

这是我第一次进行前端测试，我搜索了堆栈溢出以寻找可能的解决方案，但它们看起来完全不同/具有异步功能，所以我无法理解它们。非常感谢一些帮助。不确定是什么导致了这个错误，所以请随时提问。