问题标签 [jest-dom]

我正在尝试检查此ModalVideo组件在打开时是否应用了某些样式（prop isOpen={true}），如下所示：

但是 IDE 会触发此警告：

也尝试作为字符串：

知道如何实现吗？

在 Next JS 应用程序中使用 jest-dom 和 react-testing 库设置 ts-jest 时遇到问题，我似乎无法访问任何 @testing-library/jest-dom 匹配器。

任何人都对这种带有 typescript 和 jest-dom 的设置有任何见解吗？到目前为止，我已经尝试了一些不同的解决方案，包括遵循 testing-library/jest-dom 文档和其他各种线程，但没有成功。

以下是相关的依赖项和设置文件...

最后是无法识别 .toBeInTheDocument() 匹配器方法的规范文件。

我们一直在使用 Enzyme 来测试我们的 React 组件，但已经开始逐步迁移到 React 测试库。

当尝试toHaveValue在 RTL 测试中使用匹配器时，它会失败，因为会调用具有相同名称的酶匹配器。有没有办法我可以“告诉”一个特定的测试文件来使用来自 jest-dom 的匹配器？

根据安装文档，我已将酶和 jest-dom 匹配器添加到我的存储库中。

我正在使用最新的 react-select ( https://react-select.com/home ) 和 react-testing-library ( https://testing-library.com/docs/react-testing-library/intro/ ) jest-dom ( https://github.com/testing-library/jest-dom )。

我能够通过 react-select-event ( https://github.com/romgain/react-select-event ) 成功地与测试中的 react-select 组件交互。

问题是当我尝试测试 react-select 组件的值时。和都没有工作toHaveValue()，我不想使用，因为我认为这违反了 react-testing-library 的指导原则。toHaveDisplayValue()toHaveTextContent()toHaveFormValues()

在这一点上，迁移到另一个可以为我提供选择组件的解决方案是太多的工作。我意识到我可能可以编写自己的选择器来检索值，但我不太确定如何去做。

有人有这方面的经验并且可以为我提供一个有效的代码片段吗？

这是一个 Toast 组件，当单击按钮时显示并在 x 秒后消失。测试waitFor用于将showToast状态更改为trueAPI 调用成功时，然后waitForElementToBeRemoved用于检查 toast 组件是否已从屏幕上移除。

测试正在通过，所以假设showToast是false. 但是当我检查开玩笑的报道时，那条线hide={() => setShowToast(false)}仍然显示为未覆盖。

使用 覆盖该行需要什么testing-library？

吐司成分：

使用 Toast 的组件：

测试：