third_party/WebKit/LayoutTests/fast/multicol/client-rect-after-spanner.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <script>
   4     description("Test that getBoundingClientRect works as expected on content after a spanner.");
   5 </script>
   6 <div style="-webkit-column-count:3; -webkit-column-gap:16px; position:absolute; top:100px; left:100px; line-height:50px; width:332px;">
   7     <br><br><br><br><br>
   8     <div style="-webkit-column-span:all; height:20px;"></div>
   9     <div id="elm1"><br></div>
  10     <div id="elm2"><br></div>
  11     <div id="elm3"><br></div>
  12     <div id="elm4"><br></div>
  13     <div id="elm5"><br></div>
  14 </div>
  15 <script>
  16     shouldBe("document.getElementById('elm1').getBoundingClientRect().left", "100");
  17     shouldBe("document.getElementById('elm1').getBoundingClientRect().top", "220");
  18     shouldBe("document.getElementById('elm2').getBoundingClientRect().left", "100");
  19     shouldBe("document.getElementById('elm2').getBoundingClientRect().top", "270");
  20     shouldBe("document.getElementById('elm3').getBoundingClientRect().left", "216");
  21     shouldBe("document.getElementById('elm3').getBoundingClientRect().top", "220");
  22     shouldBe("document.getElementById('elm4').getBoundingClientRect().left", "216");
  23     shouldBe("document.getElementById('elm4').getBoundingClientRect().top", "270");
  24     shouldBe("document.getElementById('elm5').getBoundingClientRect().left", "332");
  25     shouldBe("document.getElementById('elm5').getBoundingClientRect().top", "220");
  26 </script>