title: React Testing Library: Disabled attribute not being removed when state changes
body: <p>So I have a form field component to render 2 select fields. When a user selects a value from the first select, then the second select becomes enabled (it's disabled by default).</p>
  <p>I have testIDs set on each select: the first is typeSelect</p>
  <p>I'm doing something like this for testing:</p>
  <pre><code>  userEvent.selectOptions(screen.getByTestId('firstSelect'), ['Yes']);
    expect(screen.getByTestId('firstSelect_option_Yes').selected).toBe(true);
    expect(screen.getByTestId('secondSelect').toBeEnabled();
  </code></pre>
  <p>However, the secondSelect continues to show that it has the <code>disabled = ''</code> attribute.</p>
  <p>Is this a bug? I read about the node element being bound, but it seems odds that I can't test the disabled being removed behavior, as it works just fine in the browser.</p>