title: React TestUtils Simulate focus
body: <p>I'm trying to test focusing on one of my custom React Components.</p>
  
  <p>It returns an <code>Input</code> React component with an <code>onFocus</code> handler. </p>
  
  <p>Here is my test:</p>
  
  <pre><code>let hasCalledFocus = false
  const myInput = TestUtils.renderIntoDocument(
      &lt;MyInput
          focusHandler={() =&gt; {
              console.log('focus')
              hasCalledFocus = true
          }}
          hasFocus={false}
          text=''
      /&gt;
  )
  
  const input = TestUtils.scryRenderedComponentsWithType(myInput, Input)
  expect(hasCalledFocus).to.eql(false)
  TestUtils.Simulate.focus(input[0])
  expect(hasCalledFocus).to.eql(true)
  </code></pre>
  
  <p>When I make these exact calls on a non-React component, using <code>const input = TestUtils.scryRenderedDOMComponentsWithTag(myInput, 'div')</code>, everything works as expected. The focusHandler method I pass to the component is called and the test passes. For some reason, I can't get it to focus on my React component.</p>
  
  <p>Anyone have any ideas as to what could be going on here? I'm pretty stumped.</p>