title: Problem with testing library and fireEvent
body: <p>I can render my component properly and get the input tag by using <code>.getByPlaceholderText</code>. The problem is that after I use <code>fireEvent</code> to change the input value, I am not able to get the same input by using <code>findByText</code>. This is not the test I'm going to use; I just want to understand why this is not working.</p>
  <pre class="lang-js prettyprint-override"><code>    it('displays the clearIcon by default', async () =&gt; {
        // Render my component
        render(&lt;SearchInput {...defaultProps} /&gt;)
        // find the input html element by placeholder - it works
        const inputNode = await screen.findByPlaceholderText(/search/i)
        // fire an event where I change the value of the input to &quot;Text&quot;
        fireEvent.change(inputNode, { target: { value: 'Text' } })
        // find the same element searching by the text I added in it - &quot;Text&quot;
        // this fails saying that it's &quot;unable to find an element with the text /Text/i&quot;
        const sameInput = await screen.findByText(/Text/i)
        expect(sameInput).toBeInTheDocument()
      })
  </code></pre>