title: How to select an option from a select list with React Testing Library
body: <p>I have a normal select list. I need to test handleChoice gets called when I choose an option. How can I do this with React Testing Library?</p>
  
  <pre><code>  &lt;select
      onChange={handleChoice}
      data-testid="select"
    &gt;
      &lt;option value="default"&gt;Make your choice&lt;/option&gt;
      {attributes.map(item =&gt; {
        return (
          &lt;option key={item.key} value={item.key}&gt;
            {item.label}
          &lt;/option&gt;
        );
      })}
    &lt;/select&gt;
  </code></pre>
  
  <p><code>getByDisplayValue</code> with the value of <code>item.label</code> doesn't return anything, perhaps this is because it's not visible on the page? </p>