问题标签 [jest-fetch-mock]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2970 浏览

unit-testing - React Native:在 Jest 单元测试中模拟离线设备

我正在编写一个 React Native 应用程序,并且正在使用 Jest 对我的代码进行单元测试。

我编写了一个函数来检查是否有互联网连接。我知道想写它的单元测试。我被卡住了,因为我不知道如何在单元测试中模拟设备的连接状态。

您将如何在单元测试中模拟设备处于离线或在线状态?

编辑:

这是功能:

而且我想在我的测试中对其进行测试,看看如果设备已连接,它是否正确解析为 true,如果请求失败,则使用字符串拒绝。为此,我需要在单元测试中模拟设备连接。

0 投票
1 回答
939 浏览

reactjs - 单击“玩笑处理”

我正在使用 jest 编写一个测试用例,但如果它不是按钮,我无法获得如何测试点击模拟。如果是button我们写find('button),但是如果我们点击div并且有嵌套的div怎么办

这是我的笑话测试用例

0 投票
1 回答
528 浏览

reactjs - Jest React Redux 测试

我是 redux 的新手,我想知道如何测试 Actions 和 Reducers。

我附上了这两个文件的副本,并希望任何人都可以帮助我使用一种常见的模式。

我正在使用 Jest 进行单元测试。

URL 是http://localhost:30001

只想知道如何进行测试以及如何在我的测试用例中使用 fetch 以及我可以将什么作为我的预期结果。

操作页面

我的减速机之一

0 投票
1 回答
1082 浏览

reactjs - React - 使用 Jest 和模拟抛出测试服务器请求的包装器:“错误:读取 ECONNRESE”

TL;DR:如何测试使用 React包装fetch的函数?

我正在使用 TypeScript 构建一个 React 应用程序。为了使用 fetch api,我将这些库添加到我的 tsconfig 中:

现在我写了以下函数:

该函数camelizeAndNormalize确实按照它所说的去做。(我正在使用 normalizr 对 Redux 的状态进行规范化)。

现在我想用下面的 Jest 测试来测试这个包装函数:

在这个测试中,我使用jest-fetch-mock 模拟了 fetch。但是,此测试会引发错误:

为什么模拟不起作用?如何在 React with Jest 中测试使用 fetch 的函数?

0 投票
1 回答
4169 浏览

typescript - React Native with TypeScript:如何在 setup.js 中设置全局变量?

我正在使用 TypeScript 构建一个 React Native 应用程序。

我想使用jest-fetch-mock。在文档中它说要创建setup.js文件并添加

在里面。我这样做了。但我得到了错误:

所以我搜索了一下,发现我只需要导入一些东西来解决这个问题(这很好,因为我需要导入来设置NativeModules.ReactLocalization使用本地化)。

然后我得到错误:

所以我用谷歌搜索了更多,发现了这个“修复”:

但它抛出了同样的错误,现在我被卡住了。如何设置全局变量?

0 投票
1 回答
837 浏览

reactjs - 如何为回调 API 编写 JEST 测试用例

我创建了一个 API 服务工厂,动态传递 URL,函数作为参数。一旦成功,数据就会进入回调函数,并且可以按预期正常工作。同样,我将编写 JEST 测试用例。我无法找到正确的方法来做到这一点。可以帮助某人。非常感谢。

代码在这里

同样,我编写了 JEST 测试用例,但它没有按预期显示任何错误或成功消息。

JEST 测试代码

在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
3239 浏览

javascript - 使用 jest-fetch-mock 在 vanilla JavaScript 中测试 fetch 时出错

我正在尝试测试从课程中提取的内容。我需要创建一个类实例来访问 fetch 方法。如果我消除类并直接返回,则该方法有效。

我试图以这种方式进行测试,但它返回未定义。有什么解决办法吗?

非常感谢

我收到了:

Res 也未定义。我做错了什么,但我不知道它是什么。

0 投票
0 回答
539 浏览

reactjs - 如何在回调 API 的 JEST 测试用例中显示成功和失败消息

如何为回调 API 成功和失败编写 JEST 测试用例。下面是我的代码

同样,我编写了 JEST 测试用例,但它没有按预期显示任何错误或成功消息。

0 投票
0 回答
307 浏览

jest-fetch-mock - 如何使用 jest-fetch-mock 返回一个数组?

我需要模拟一个 fetch 调用,它返回一个带有 Jest Fetch Mock 的数组:

https://jsonplaceholder.typicode.com/todos/

但是我收到一个错误:

0 投票
1 回答
8724 浏览

reactjs - Jest TypeError: is not a constructor in Jest.mock

我正在尝试使用 jest 编写一个单元测试用例,并且需要模拟以下模式。我收到 TypeError: is not a constructor。

用例:我的用例如下所述

我的组件.js:

Mycomponent.spec.js