问题标签 [react-testing]

我必须测试以下组件：

我写了我的测试用例如下：

我也想测试我的 mapDispatchToProps 函数，如何在不公开导出的情况下测试它。我应该如何测试连接的组件？

我在网上寻找建议。我发现的一个方法是通过在 jest 目录的mocks文件夹中创建一个文件来模拟“react-redux”模块，代码片段如下：

我应该如何将上面的代码片段与“反应测试库”一起使用。我的测试用例缺少什么？我应该如何进行？

谢谢

我在反应测试中收到此错误。我不知道为什么我仍然得到这个，我已经重新排序了我的钩子的顺序。

这是我的组件的顺序

我试图找出模拟我的一个组件正在使用的自定义钩子的不同返回值的最佳方法。不是我的组件/钩子，而是为了说明：

/hooks/useCount.js

/components/ListItems.js

/components/测试/ListItems.js

这甚至是正确的方法吗？我应该使用模拟实现吗？还是以某种方式进行间谍活动？我的mockReturnValueOnce()功能和流程也有问题，所以如果可以通过解决方案考虑到这一点，我将更加感激。

在 .tsx 中，这按预期工作：

但是 .ts 中假定的等效项不起作用：

尝试呈现 SuspenseComponentTS 时的错误消息如下：

打印到控制台，它们似乎是等效的：

输出expect(SuspenseComponentTSX).toEqual("")：

输出expect(SuspenseComponentTS).toEqual("")：

我想正确测试异步操作更改存储状态。
但是，当我进行配置存储并使用 store.dispatch 时，它会导致无限循环并且测试以超时错误结束。

这是我的代码。

我认为我的异步操作“fetchRepositories”效果很好。
因为当我写

在 builder.addCase 中，它打印正确的状态。

谢谢。

我已经到处寻找答案，并且可能尝试了 99% 的事情，所以我决定创建一个自己的线程，以便其他人可以查看我目前拥有的内容，看看他们是否能发现问题。

我对 Jest 测试非常陌生，并决定尝试在我们的代码库中实现它。我使用这个指南来确保我所做的一切都是完美的，但仍然会出现这个错误 A Practical Guide To Testing React Applications With Jest

我正在测试一个简单的功能组件，它使用 react-hook-form 在页面上生成一个表单，然后通过 redux 调用将完成的表单发送到我们的后端

我已将 setupTests.js 文件设置为：

将我的 package.json 测试命令更新为

这是我试图通过一个简单的测试运行的测试规范：

这是屏幕上为我返回的错误：

我也安装了最新版本的所有软件包

我在这里有一个反应钩子表单，它工作得很好，我是 jest 测试的新手，并试图为它编写测试脚本，但在尝试执行提交函数时遇到了问题。

我一直在互联网上尝试不同的方法，但没有运气，所以我希望这里的人可以立即发现问题并帮助我了解问题。

AddNewProperty.js 组件

AddNewProperty.spec.js

错误

有人可以帮忙解决我哪里出错了，我尝试像下面这样设置 mockSubmit，同时将一个道具传递给组件，然后模拟该道具，但它阻止了表单与我们如何调用调度调用一起工作

我有一个选择框并将数据设置为onChange事件的状态。请看下面的代码。任何人都可以帮助我在 React 测试库中为此onChange事件编写案例。

我有一个关于使用 tyescript 做出反应的问题，因为作为一种学习方法，我决定将用 JavaScript 制作的应用程序迁移到 Typescript，当我进行测试时，事情变得有点复杂，如果不是错误，测试通过但我的语法荧光笔即 tsserver 向我展示了以下内容：

测试中的代码如下：

我怀疑为什么我不希望它有任何语法突出显示

它在我的 nvim 代码编辑器中的外观图像： 在此处输入图像描述

我在尝试测试在 React 组件中声明的函数时遇到了麻烦。在我的例子中，我调用了这些函数handleChange，changeCapacity它们被Form.control元素使用，它是一个 Select。

我写了一个应该使用这些选择的测试，所以我认为我也在测试它们关联的函数，但显然我不是因为我的 Coverage 文件状态没有测试这些函数。

这是我正在测试的组件，

这是我在这个组件上运行的测试：