title: Simulate Search and Select an option react-select
body: <p>I am trying simulate search and select an option from the react-select component version 3.1.1. But it always returning the first item in the list.</p>
  <p>Below is my component which is working fine in UI but not for integration testing.</p>
  <pre><code>&lt;Select
         id=&quot;test-dropdown&quot;
         inputId=&quot;testsInput&quot;
         className=&quot;select-label-input-margin&quot;
         classNamePrefix=&quot;select&quot;
         name=&quot;test-dropdown&quot;
         placeholder='test placeholder'
         isSearchable={true}
         isClearable={true}
         options={testsOptions}
         value={selectedValue}
         onChange={option =&gt; console.log(option)}
         noOptionsMessage={() =&gt; 'No result found'}
       /&gt;
  </code></pre>
  <p>To simulate that I am using these piece of code
  Here wrapper is the class component that I am mounting.</p>
  <pre><code>wrapper.find('Select#test-dropdown').find('input[id=&quot;testsInput&quot;]').simulate('change', { target: { value: 'Test 1 title' } }),
  // wrapper.find('input[id=&quot;testsInput&quot;]').simulate('change', { target: { value: 'Test 1 title' } }),    
  //If I use this it will select second value in the array
  wrapper.find('input[id=&quot;testsInput&quot;]').simulate('keyDown', arrowDown),
  // wrapper.find('input[id=&quot;test-dropdown&quot;]').simulate('keyDown', arrowDown),
  // wrapper.find('input[id=&quot;test-dropdown&quot;]').simulate('keyDown', arrowDown),
  wrapper.find('input[id=&quot;testsInput&quot;]').simulate('keyDown', tabButton)
  </code></pre>
  <p>I also looked into this issue from the <a href="https://github.com/JedWatson/react-select/issues/1357" rel="nofollow noreferrer">react-select</a> but no help.</p>
  <p>Any idea how we can simulate search and select the option?</p>