OLD | NEW |
1 <meta name=viewport content="width=device-width"> | 1 <meta name=viewport content="width=device-width"> |
2 <div style="border: solid; -webkit-writing-mode: horizontal-bt; -webkit-logical-
width: 200px; -webkit-logical-height: 400px; | 2 <div style="border: solid; writing-mode: vertical-rl; -webkit-logical-width: 200
px; -webkit-logical-height: 400px; |
3 font-size: 36px; line-height: 2; | 3 font-size: 36px; line-height: 2; |
4 "> | 4 "> |
5 Lorem ipsum dolor <span id="target">sit</span> amet consectetur adipiscing e
lit. | 5 Lorem ipsum dolor <span id="target">sit</span> amet consectetur adipiscing e
lit. |
6 </div> | 6 </div> |
7 <p id="result"> | 7 <p id="result"> |
8 FAIL: Test did not run. | 8 FAIL: Test did not run. |
9 </p> | 9 </p> |
10 <script> | 10 <script> |
11 if (window.testRunner) { | 11 if (window.testRunner) { |
12 testRunner.dumpAsText(); | 12 testRunner.dumpAsText(); |
13 } | 13 } |
14 var target = document.getElementById("target"); | 14 var target = document.getElementById("target"); |
15 var range = document.createRange(); | 15 var range = document.createRange(); |
16 range.selectNode(target.firstChild); | 16 range.selectNode(target.firstChild); |
17 var textTop = range.getClientRects()[0].top; | 17 var textTop = range.getClientRects()[0].right; |
18 range.selectNode(target); | 18 range.selectNode(target); |
19 var spanTop = range.getClientRects()[0].top; | 19 var spanTop = range.getClientRects()[0].right; |
20 if (spanTop === textTop) | 20 if (spanTop === textTop) |
21 result.innerText = "PASS"; | 21 result.innerText = "PASS"; |
22 else | 22 else |
23 result.innerText = "FAIL: Text top was " + textTop + " but expected " +
spanTop + "."; | 23 result.innerText = "FAIL: Text top was " + textTop + " but expected " +
spanTop + "."; |
24 </script> | 24 </script> |
OLD | NEW |