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 |