反应测试用户事件 - 在浏览器中交互使用答案

【问题标题】：react testing user event - use interactively in browser反应测试用户事件 - 在浏览器中交互使用
【发布时间】：2022-08-04 23:28:51
【问题描述】：

我正在使用反应测试库构建一个大型集成测试，并且我想确保我对曾经发生的事件（例如，单击按钮）的使用确实有效，而不必一直重新运行测试，尤其是在集成测试之后需要一段时间才能完全运行。

使用 javascript 控制台在实时浏览器环境中测试 userEvent 操作非常有用。所以我可以输入例如，

> userEvent.click(screen.getByText(\"Sign In\", {selector: \"button\", exact: false}));

看看按钮是否真的被点击了。

有没有办法将 userEvents/screen 绑定到实际的 React 运行时，所以我可以像这样利用它们？

【解决方案1】：

如果您需要 react + @testing-library/user-event 示例，您可以查看以下链接。

以及调用“@testing-library/user-event”的代码。

【讨论】：