考虑一下React组件中的以下输入元素：

<input onChange={() => console.log('onChange')} ... />

在测试React组件时，我正在模拟用户更改输入值：

input.value = newValue;
TestUtils.Simulate.change(input);

'onChange'如预期的那样，这导致被记录。

但是，当'change'事件直接分派时（我正在使用jsdom）：

input.value = newValue;
input.dispatchEvent(new Event('change'));

该onChange处理器不叫。

为什么？

我使用dispatchEvent而不是的动机TestUtils.Simulate是因为TestUtils.Simulate它不支持事件冒泡，而我组件的行为依赖于此。我想知道是否有没有方法可以测试事件TestUtils.Simulate？