如何在React组件中模拟DOM事件以进行测试

Question

我正在尝试模拟DOM事件来测试React组件。该组件在内部使用ag-grid-react。

我想用ag-grid-react来模拟行交互事件，比如'row select'，'row dblclick‘，event应该像真实的DOM事件一样，在DOM中具有该事件的所有效果。

请对此提出任何建议。

谢谢。

Answer 1

我会读到这篇文章：

http://2ality.com/2013/06/triggering-events.html

本质上，您只需要使用事件构造函数创建一个新事件，然后在要触发事件的任何元素上使用.dispatchEvent()方法。

注意:我以前没有尝试过，但它看起来很简单……让我知道它进行得怎么样！上次我尝试类似的东西时，我使用的是jQuery :/