| 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 |