OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 body { | 4 body { |
5 direction: rtl; | 5 direction: rtl; |
6 margin: 0px; | 6 margin: 0px; |
7 background-color: red; | 7 background-color: red; |
8 } | 8 } |
9 | 9 |
10 .positioned { | 10 .positioned { |
(...skipping 26 matching lines...) Expand all Loading... |
37 } | 37 } |
38 </style> | 38 </style> |
39 <script> | 39 <script> |
40 function doTest() { | 40 function doTest() { |
41 if (window.testRunner) { | 41 if (window.testRunner) { |
42 testRunner.waitUntilDone(); | 42 testRunner.waitUntilDone(); |
43 testRunner.dumpAsTextWithPixelResults(); | 43 testRunner.dumpAsTextWithPixelResults(); |
44 } | 44 } |
45 | 45 |
46 // The far left coordinate of the document varies by window width. | 46 // The far left coordinate of the document varies by window width. |
47 var offset = document.body.clientWidth - document.body.scrollWidth + 1; | 47 var offset = document.body.clientWidth - document.scrollingElement.scrol
lWidth + 1; |
48 document.getElementById('layer').style.left = offset + 50; | 48 document.getElementById('layer').style.left = offset + 50; |
49 document.getElementById('indicator').style.left = offset + 50; | 49 document.getElementById('indicator').style.left = offset + 50; |
50 | 50 |
51 window.setTimeout(function() { | 51 window.setTimeout(function() { |
52 window.scrollTo(offset, 0); | 52 window.scrollTo(offset, 0); |
53 if (window.testRunner) { | 53 if (window.testRunner) { |
54 if (top == self) | 54 if (top == self) |
55 document.getElementById('layertree').innerText = window.inte
rnals.layerTreeAsText(document); | 55 document.getElementById('layertree').innerText = window.inte
rnals.layerTreeAsText(document); |
56 testRunner.notifyDone(); | 56 testRunner.notifyDone(); |
57 } | 57 } |
58 }, 0); | 58 }, 0); |
59 } | 59 } |
60 window.addEventListener('load', doTest, false); | 60 window.addEventListener('load', doTest, false); |
61 </script> | 61 </script> |
62 <body> | 62 <body> |
63 <div id="root"></div> | 63 <div id="root"></div> |
64 <div class="positioned" id="indicator"></div> | 64 <div class="positioned" id="indicator"></div> |
65 <div class="positioned" id="layer"></div> | 65 <div class="positioned" id="layer"></div> |
66 | 66 |
67 <pre id="layertree"></pre> | 67 <pre id="layertree"></pre> |
68 </body> | 68 </body> |
69 </html> | 69 </html> |
OLD | NEW |