| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 .composited { | 2 .composited { |
| 3 -webkit-transform: translateZ(0); | 3 -webkit-transform: translateZ(0); |
| 4 } | 4 } |
| 5 | 5 |
| 6 .box { | 6 .box { |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 background-color: blue; | 9 background-color: blue; |
| 10 } | 10 } |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 body.changed img.to-hidden { | 28 body.changed img.to-hidden { |
| 29 visibility: hidden; | 29 visibility: hidden; |
| 30 } | 30 } |
| 31 | 31 |
| 32 #layers { | 32 #layers { |
| 33 opacity: 0; /* hide from pixel result */ | 33 opacity: 0; /* hide from pixel result */ |
| 34 } | 34 } |
| 35 </style> | 35 </style> |
| 36 <script> | 36 <script> |
| 37 if (window.testRunner) { | 37 if (window.testRunner) { |
| 38 testRunner.dumpAsText(true); | 38 testRunner.dumpAsTextWithPixelResults(); |
| 39 testRunner.waitUntilDone(); | 39 testRunner.waitUntilDone(); |
| 40 } | 40 } |
| 41 | 41 |
| 42 function doTest() | 42 function doTest() |
| 43 { | 43 { |
| 44 window.setTimeout(function() { | 44 window.setTimeout(function() { |
| 45 document.body.classList.add('changed'); | 45 document.body.classList.add('changed'); |
| 46 if (window.testRunner) { | 46 if (window.testRunner) { |
| 47 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); | 47 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); |
| 48 testRunner.notifyDone(); | 48 testRunner.notifyDone(); |
| 49 } | 49 } |
| 50 }, 0); | 50 }, 0); |
| 51 } | 51 } |
| 52 window.addEventListener('load', doTest, false); | 52 window.addEventListener('load', doTest, false); |
| 53 </script> | 53 </script> |
| 54 <body> | 54 <body> |
| 55 <div style="position: absolute; left: 0px; top: 0px; z-index: 106; " class="
composited"> | 55 <div style="position: absolute; left: 0px; top: 0px; z-index: 106; " class="
composited"> |
| 56 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;"> | 56 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;"> |
| 57 <img style="position: absolute; left: 500px; top: 200px; z-index: 0;" cl
ass="to-visible"> | 57 <img style="position: absolute; left: 500px; top: 200px; z-index: 0;" cl
ass="to-visible"> |
| 58 </div> | 58 </div> |
| 59 | 59 |
| 60 <div style="position: absolute; left: 0px; top: 250px; z-index: 106; " class
="composited"> | 60 <div style="position: absolute; left: 0px; top: 250px; z-index: 106; " class
="composited"> |
| 61 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;"> | 61 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;"> |
| 62 <img style="position: absolute; left: 500px; top: 200px; z-index: 0;" cl
ass="to-hidden"> | 62 <img style="position: absolute; left: 500px; top: 200px; z-index: 0;" cl
ass="to-hidden"> |
| 63 </div> | 63 </div> |
| 64 <pre id="layers">Layer tree goes here in DRT</pre> | 64 <pre id="layers">Layer tree goes here in DRT</pre> |
| 65 </body> | 65 </body> |
| OLD | NEW |