Index: LayoutTests/fast/multicol/inline-getclientrects.html |
diff --git a/LayoutTests/fast/multicol/inline-getclientrects.html b/LayoutTests/fast/multicol/inline-getclientrects.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9a7b7f53125700f0628ae6a18af2dc723f7e0e76 |
--- /dev/null |
+++ b/LayoutTests/fast/multicol/inline-getclientrects.html |
@@ -0,0 +1,36 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<script> |
+ if (window.testRunner) |
+ testRunner.dumpAsText(); |
+ if (window.internals) |
+ internals.settings.setRegionBasedColumnsEnabled(true); |
+</script> |
+<body style="margin-left:10px; margin-top:15px;"> |
+ <!-- Make a container with 9 lines. With three columns, that means three lines per column. --> |
+ <div style="-webkit-columns:3; columns:3; column-gap:1em; -webkit-column-gap:1em; width:32em; orphans:1; widows:1;"> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <span id="elm"> |
+ <!-- This is at a column boundary, where the first line fits in the second column, while |
+ the second line is in the third column. --> |
+ XXXXXXXXXXXXXXXXXXXXXXXXXX |
+ XXXXXXXXXXXXXXXXXXXXXXXXXX |
+ </span><br> |
+ <br> |
+ <br> |
+ </div> |
+ <script> |
+ var rects = document.getElementById('elm').getClientRects(); |
+ shouldBe("rects.length", "2"); |
+ shouldBeGreaterThan("rects[1].left", "rects[0].left"); |
+ shouldBeGreaterThan("rects[0].top", "rects[1].top"); |
+ shouldBeGreaterThan("rects[0].right - rects[0].left", "0"); |
+ shouldBe("rects[1].right - rects[1].left", "rects[0].right - rects[0].left"); |
+ shouldBeGreaterThan("rects[0].bottom - rects[0].top", "0"); |
+ shouldBe("rects[1].bottom - rects[1].top", "rects[0].bottom - rects[0].top"); |
+ </script> |
+</body> |