title: Why React event handler is not called on dispatchEvent?
body: <p>Consider the following input element in a React component:</p>
  
  <pre><code>&lt;input onChange={() =&gt; console.log('onChange')} ... /&gt;
  </code></pre>
  
  <p>While testing the React component, I'm emulating user changing the input value:</p>
  
  <pre><code>input.value = newValue;
  TestUtils.Simulate.change(input);
  </code></pre>
  
  <p>This causes <code>'onChange'</code> to be logged, as expected.</p>
  
  <p>However, when the <code>'change'</code> event is dispatched directly (I'm using jsdom):</p>
  
  <pre><code>input.value = newValue;
  input.dispatchEvent(new Event('change'));
  </code></pre>
  
  <p>the <code>onChange</code> handler is not called.</p>
  
  <p>Why?</p>
  
  <p>My motivation to use <code>dispatchEvent</code> rather than <code>TestUtils.Simulate</code> is because <code>TestUtils.Simulate</code> doesn't support event bubbling and my component's behavior relies on that. I wonder whether there is a way to test events without <code>TestUtils.Simulate</code>?</p>