问题标签 [react-test-renderer]

我有一个包含以下代码的组件：-

我正在使用以下代码编写单元测试用例：-

当我生成覆盖率报告时，报表没有被覆盖。覆盖率为 14% 覆盖率报告

我正在渲染整个组件，我尝试将 searchOption 发送为 false，但百分比仍然不起作用

我有一个直截了当的 react-comp。我想根据反应状态测试样式。组合如下所示：

反应比较。

造型

我总是从测试中得到的错误是，元素是可见的：

测试

关于如何在不使用反应内联样式的情况下使元素不可见的任何方法！？

我曾经create-react-app设置我的反应应用程序。我试图测试 Counter 组件，但这个错误一直在发生我真的不明白错误是什么，请你帮助我。

我不明白为什么有些教程使用react-test-rendererwith react-testing-library，

据我了解，react-test-renderer是一个可以从反应组件创建纯对象并将其转换为 json 快照的库！

现在，我可以这样做Testing library：

我真的不明白为什么我需要使用react-test-rendererwith testing-library，有什么不能react-test-renderer做的testing-library？

我有一个styled-component正在使用的styled-system并且运行良好，但是当我去测试组件时，我似乎无法让它从主题中正确填充样式。

这很奇怪，因为如果我应用marginLeft={1}这种风格的道具会从Theme.space属性中正确翻译。这是color系统的具体问题吗？

文本组件

测试

通常我会测试color="primary"which is#3592fb但我只是得到一个错误，指出这primary不是 style-property 的有效值，color它告诉我ThemeProvider无法正常工作。

对此的任何帮助将不胜感激！谢谢

我已经在 react native 中构建了一个应用程序，现在正在更新一些旧的测试套件。运行错误的测试是使用反应测试渲染器来模拟屏幕功能的组件测试。

错误摘要：其中一个期望语句抛出错误说

无法读取未定义的属性“调用”

当值存在时，我可以像这样打印出属性调用 console.log(store.dispatch.mock.calls[6][0]); ，它给了我预期的值。

代码：

该错误是在第 7 次调用的测试结果 7 中形成的。

首先我知道有 8 个电话是因为 expect(store.dispatch).toHaveBeenCalledTimes(8);

然后我还可以打印出 results7，并查看我的 results7 数据是否正确。但是当我在 jest expect 语句中运行它时，我得到了错误：

无法读取未定义的属性“调用”

我不知道为什么会出现这个错误，因为所有其他期望都运行，如果我只注释掉一个语句，那么套件的其余部分也运行良好。出于某种原因，它只是在一个期望语句上出错。

显然数据已被删除，但不影响它的运行方式。

我正在尝试在我的 react 项目上运行 Jest 测试运行程序，并且我正在使用名为 semantic-ui-react 的第三方 UI 库。当我编写简单的测试并运行时，它们运行成功，但是当我从语义 UI 反应导入任何组件并测试我的自定义组件时，我收到以下错误。

测试套件无法运行

** 依赖版本：**

请帮忙。提前致谢。

Trying to test the Material-UI Slider with Reat-Test-Renderer gets an error: Uncaught [TypeError: Cannot read property 'addEventListener' of null]

Codesandbox Link

This is not the case with any other Material UI components that I know of.

It seems to be related to forwardRef as described here, but I could not figure out a way to get it to work.

EDIT Unfortunately switching over to @testing-library/react is not an option this project I'm working on.

EDIT 2 The reason I am doing this is because I am trying to render and test a more complex component of my own which contains the Slider. It took me a while to figure out that this is what's causing the issue, and the code above is the minimal amount of code to replicate the issue.

EDIT 3 Error message screenshot

我正在尝试为我在世博会上使用 React native 构建的应用程序中的测试设置一些调试。我遵循了在线资源中的一些说明。以下是我的 package.json 中的设置。当我使用这个脚本运行测试时，node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand 我看到了 chrome 开发工具中的断点，继续我在控制台上看到了一些警告，但没有太多其他的。

我什至不确定我应该看到什么。即使没有错误也会有一些输出吗？以防万一我故意在测试中出错而控制台上仍然没有任何内容。可能是因为那些警告？

包.json

这就是我的组件的样子。在组件内部，我正在进行突变，一旦突变查询完成，就会调用 handleOnComplete 函数。这段代码工作正常。

下面是我的测试用例，在测试用例中调用了useEffect，但没有调用handleOnComplete。我怎样才能解决这个问题。

测试用例：

任何帮助表示赞赏。