问题标签 [react-testing]

我正在尝试测试以正确顺序呈现某些选项的下拉组件。

目前测试代码如下所示：

这种测试方法有效，但感觉它过于依赖我的组件的实现细节。的核心原则之一react-testing-library是我们希望我们的测试避免包含组件的实现细节。

有人对我如何断言我的下拉菜单以正确的顺序呈现选项有任何见解吗？你会怎么做react-testing-library呢？

我在使用 Mock Service Worker 的反应应用程序中进行了测试。我这样设置服务器：

上面的第一个 get 请求正在拦截被注释掉的 api 端点（它上面的那个）。我想在一个对象中获取查询参数，比如用户名，但返回的对象是空的。我究竟做错了什么？

截取的代码如下：

我正在尝试为我调用的 API 编写测试用例，但我不知道我做错了什么，我收到了这样的错误。

car.test.js

GetCar 从“../../../Config/Api”导入配置；

这是我附加的图像中的错误，有人可以帮我解决我也可以为另一个 API 调用编写的测试用例。

我正在为反应组件（复选框）编写测试用例，因为我使用的是样式化组件，所以创建了多个类。现在的问题是我需要编写测试用例，以便能够检查特定的类名（'checkbox__default'）。下面是测试用例的代码：

这是反应组件的代码

附上截图让大家更清楚理解。

[![在此处输入图像描述][1]][1] UI 页面 [![在此处输入图像描述][2]][2] 测试结果 [1]：https://i.stack.imgur.com/ a3m0u.png [2]：https://i.stack.imgur.com/Ilvh6.png

我正在使用 react-testing-library 编写测试用例

在运行测试用例时我得到 TypeError: Failed to execute 'contains' on 'Node': parameter 1 is not of type 'Node'.

在mouseleave上，我正在调用handleMouseLeave

并在测试用例中触发 mouseLeave 事件

在事件发生后我收到错误

我遇到错误TypeError: Cannot read property 'dispatchEvent' of null尝试运行酶测试以模拟onGridReadyag-grid 表时。

我的问题和卡住的地方......

1. 我如何onGridReady正确地测试函数以使其不会出错并且我可以测试它是否被调用过一次？
2. 如何测试其他功能onGridSizeChanged？
3. Coverage 报告说我缺少setTableData要测试的线路 - 我如何测试该线路？

这就是 myfiles 的样子

我的表.tsx

myTable.test.tsx

我想为每个组件创建单独的文件，其中每个文件都有自己的测试套件和测试用例。我们如何导入这些测试用例并在一个主文件中使用它并从这个主文件执行测试

是否可以使用 react-test-utils 或 react-test-renderer 直接测试反应组件的方法？相当于酶：

react-test-utils 或 react-test-renderer 是否有类似的等价物？

我在一个文件中有一个自定义 Hook，我必须经常模拟它以进行多次测试。我可以将模拟放在单独的文件中，然后将其导入测试吗？

挂钩文件

我想用 jest 来模拟上面的东西来返回一些东西（我可以），但我想在一个帮助器/设置文件中这样做，这样我就可以通过导入模拟来在多个测试中使用它。

我在这里先向您的帮助表示感谢。:)

我正在使用 React 测试库为以下组件编写测试。当我检查测试覆盖率时，它告诉我传递给道具'errorRender'的函数的覆盖率没有被覆盖。

下面是我的组件：

我如何测试传递给 errorRender 道具的函数？我正在考虑避免测试子组件“图像”，因为它将单独测试，但是放弃它并没有给我 100% 的测试覆盖率，这在我们的项目中是必需的。

我在测试文件中模拟了“图像”子组件，如下所示：

然后这样做：

虽然上面的嘲笑给了我 100% 的测试覆盖率，但是对 React 测试来说是新手，我不确定这样做是否正确？我们应该在父组件测试文件中测试传递给子组件的值吗？正确的方法应该是什么？