title: Cant find a button in react testing library with getByDisplayValueText
body: <p>I have a simple component that has 3 buttons. i want to find the buttons and simulate click by using react testing library. problem is that I cant find the first button in my test by below code. 
  considering I have a button with 
  <code>value="All"</code> 
  and the other button has <code>"completed"</code> as a text. I can find the second button (i can't change my code for the first button)</p>
  
  <pre><code>document.body.innerHTML = `
  &lt;button value="All" /&gt;
  &lt;button&gt;Completed&lt;button/&gt;
  &lt;button&gt;in progress&lt;button/&gt;
  &lt;span&gt;multi-test&lt;/span&gt;
  &lt;div&gt;multi-test&lt;/div&gt;`;
  
  screen.debug();
  screen.debug(screen.getByDisplayValueText('All'));  ---&gt; doesn't work
  screen.debug(screen.getByText('Completed'));  ----&gt; works 
  </code></pre>