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 |