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