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 |