| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 body { | 2 body { |
| 3 overflow: hidden; | 3 overflow: hidden; |
| 4 } | 4 } |
| 5 .composited { | 5 .composited { |
| 6 -webkit-transform: translateZ(0); | 6 -webkit-transform: translateZ(0); |
| 7 } | 7 } |
| 8 | 8 |
| 9 .box { | 9 .box { |
| 10 width: 100px; | 10 width: 100px; |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 49 } | 49 } |
| 50 | 50 |
| 51 .indicator { | 51 .indicator { |
| 52 position: absolute; | 52 position: absolute; |
| 53 left: 0; | 53 left: 0; |
| 54 z-index: 1; | 54 z-index: 1; |
| 55 } | 55 } |
| 56 </style> | 56 </style> |
| 57 <script> | 57 <script> |
| 58 if (window.testRunner) { | 58 if (window.testRunner) { |
| 59 testRunner.dumpAsText(true); | 59 testRunner.dumpAsTextWithPixelResults(); |
| 60 testRunner.waitUntilDone(); | 60 testRunner.waitUntilDone(); |
| 61 } | 61 } |
| 62 | 62 |
| 63 function doTest() | 63 function doTest() |
| 64 { | 64 { |
| 65 window.setTimeout(function() { | 65 window.setTimeout(function() { |
| 66 document.body.classList.add('changed'); | 66 document.body.classList.add('changed'); |
| 67 if (window.testRunner) { | 67 if (window.testRunner) { |
| 68 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); | 68 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); |
| 69 testRunner.notifyDone(); | 69 testRunner.notifyDone(); |
| (...skipping 14 matching lines...) Expand all Loading... |
| 84 </div> | 84 </div> |
| 85 | 85 |
| 86 <div style="position: absolute; left: 0px; top: 250px; z-index: 0; " class="
composited"> | 86 <div style="position: absolute; left: 0px; top: 250px; z-index: 0; " class="
composited"> |
| 87 <div class="inline"></div> | 87 <div class="inline"></div> |
| 88 <img style="position: absolute; left: 50px; top: 50px; z-index: -1;"> | 88 <img style="position: absolute; left: 50px; top: 50px; z-index: -1;"> |
| 89 <img style="position: absolute; left: 400px; top: 150px; z-index: 0;" cl
ass="to-hidden"> | 89 <img style="position: absolute; left: 400px; top: 150px; z-index: 0;" cl
ass="to-hidden"> |
| 90 </div> | 90 </div> |
| 91 | 91 |
| 92 <pre id="layers">Layer tree goes here in DRT</pre> | 92 <pre id="layers">Layer tree goes here in DRT</pre> |
| 93 </body> | 93 </body> |
| OLD | NEW |