OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/js-test.js"></script> |
| 3 <script> |
| 4 if (window.testRunner) |
| 5 testRunner.dumpAsText(); |
| 6 if (window.internals) |
| 7 internals.settings.setRegionBasedColumnsEnabled(true); |
| 8 </script> |
| 9 <body style="margin-left:10px; margin-top:15px;"> |
| 10 <!-- Make a container with 9 lines. With three columns, that means three lin
es per column. --> |
| 11 <div style="-webkit-columns:3; columns:3; column-gap:1em; -webkit-column-gap
:1em; width:32em; orphans:1; widows:1;"> |
| 12 <br> |
| 13 <br> |
| 14 <br> |
| 15 <br> |
| 16 <br> |
| 17 <span id="elm"> |
| 18 <!-- This is at a column boundary, where the first line fits in the
second column, while |
| 19 the second line is in the third column. --> |
| 20 XXXXXXXXXXXXXXXXXXXXXXXXXX |
| 21 XXXXXXXXXXXXXXXXXXXXXXXXXX |
| 22 </span><br> |
| 23 <br> |
| 24 <br> |
| 25 </div> |
| 26 <script> |
| 27 var rects = document.getElementById('elm').getClientRects(); |
| 28 shouldBe("rects.length", "2"); |
| 29 shouldBeGreaterThan("rects[1].left", "rects[0].left"); |
| 30 shouldBeGreaterThan("rects[0].top", "rects[1].top"); |
| 31 shouldBeGreaterThan("rects[0].right - rects[0].left", "0"); |
| 32 shouldBe("rects[1].right - rects[1].left", "rects[0].right - rects[0].le
ft"); |
| 33 shouldBeGreaterThan("rects[0].bottom - rects[0].top", "0"); |
| 34 shouldBe("rects[1].bottom - rects[1].top", "rects[0].bottom - rects[0].t
op"); |
| 35 </script> |
| 36 </body> |
OLD | NEW |