单元测试 React 使用 Jest 和反应测试库单击外部组件

Question

我在这里找到了这个实现，但它使用了酶。

Unit testing React click outside component

向窗口添加事件也不起作用：

window.addEventListener('click', () => {
      console.log('click on window');
    });

有人在上面使用 jest 和“@testing-library/react”遇到过这个问题吗？

Answer 1

正如@Giorgio 所说：

fireEvent.click(document)

Answer 2

我想提供一个最新的答案，它遵循与@eduardomoroni 提出的相同原则。 fireEvent 对我不起作用，所以我设法通过 userEvent api 实现了它。

userEvent.click(document.body);

此外，打字稿抱怨document 不能传递给点击事件处理程序。相反，body 是更好的解决方案。

“Document”类型的参数不能分配给“TargetElement”类型的参数。