| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 body { | 5 body { |
| 6 height: 5000px; | 6 height: 5000px; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #indicator { | 9 #indicator { |
| 10 width: 256px; | 10 width: 256px; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 23 position: fixed; | 23 position: fixed; |
| 24 left: 0px; | 24 left: 0px; |
| 25 top: 0px; | 25 top: 0px; |
| 26 } | 26 } |
| 27 </style> | 27 </style> |
| 28 <script> | 28 <script> |
| 29 function doTest() { | 29 function doTest() { |
| 30 window.scrollTo(0, 1000); | 30 window.scrollTo(0, 1000); |
| 31 if (window.testRunner) { | 31 if (window.testRunner) { |
| 32 document.getElementById('layertree').innerText = window.internals.la
yerTreeAsText(document); | 32 document.getElementById('layertree').innerText = window.internals.la
yerTreeAsText(document); |
| 33 testRunner.dumpAsText(true); | 33 testRunner.dumpAsTextWithPixelResults(); |
| 34 } | 34 } |
| 35 } | 35 } |
| 36 window.addEventListener("load", doTest, false); | 36 window.addEventListener("load", doTest, false); |
| 37 </script> | 37 </script> |
| 38 </head> | 38 </head> |
| 39 <body> | 39 <body> |
| 40 <!-- the red indicator should be covered by the green overlap element --> | 40 <!-- the red indicator should be covered by the green overlap element --> |
| 41 <div id="indicator"></div> | 41 <div id="indicator"></div> |
| 42 <div id="overlap"></div> | 42 <div id="overlap"></div> |
| 43 | 43 |
| 44 <pre id="layertree"></pre> | 44 <pre id="layertree"></pre> |
| 45 </body> | 45 </body> |
| 46 </html> | 46 </html> |
| OLD | NEW |