title: react-testing-library doesn't render all parts of a VirtualTable
body: <p><a href="https://codesandbox.io/s/condescending-leakey-zbws7?fontsize=14&amp;hidenavigation=1&amp;previewwindow=tests&amp;theme=dark" rel="nofollow noreferrer">CodeSandbox with Unit Tests</a></p>
  
  <p>The CodeSandbox above contains a small code segment that shows the problem. The rendered table contains a bit of data. Everything on the left side is rendered and around the center, <code>@testing-library/react</code> stops rendering anything.</p>
  
  <p>Visually, everything is fine. But the HTML rendered by <code>@testing-library/react</code> misses the entire right half of the table. </p>
  
  <p>You can even see this if you hard reload the tab with CodeSandbox in it, then navigate to the "Browser" tab. The right half will be missing. Click the Browser refresh button in CodeSandbox and everything will be rendered just fine.</p>
  
  <p>Without <code>VirtualTable</code>, everything renders perfectly. However, I need <code>VirtualTable</code> for performance reasons.</p>
  
  <p>Extending the viewport programmatically doesn't help.</p>
  
  <pre class="lang-js prettyprint-override"><code>// setupTests.js
  global.resizeWindow = (x, y) =&gt; {
      window.innerWidth = x
      window.innerHeight = y
      window.dispatchEvent(new Event('resize'))
  }
  
  // In the test
  global.resizeWindow(4096, 2160)
  // Same result, no change
  </code></pre>
  
  <p>Is there any way to keep the benefits of VirtualTable while still running tests on the data contained on the right side of the table?</p>