div id=child></div>
  <span>inline child</span>
  <div class="abspos start small"></div>
  <div class="relpos mid medium"></div>
  <div class="fixedpos end large"></div>
  <div class=relpos>
    <div class="abspos mid small zindex"></div>
  </div>
</div>

<script>
function runTest() {
  const container = document.getElementById("container");
  container.classList.remove("hidden");
  requestAnimationFrame(takeScreenshot);
}

window.onload = runTest;
</script>
</html>
