| OLD | NEW |
| 1 <html style="overflow: -webkit-paged-x;"> | 1 <html style="overflow: -webkit-paged-x;"> |
| 2 <head> | 2 <head> |
| 3 <script> | 3 <script> |
| 4 if (window.testRunner) | 4 if (window.testRunner) |
| 5 testRunner.dumpAsText(); | 5 testRunner.dumpAsText(); |
| 6 | 6 |
| 7 function dumpLayers() | 7 function dumpLayers() |
| 8 { | 8 { |
| 9 if (window.testRunner) | 9 if (window.testRunner) |
| 10 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); | 10 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); |
| 11 } | 11 } |
| 12 window.addEventListener('load', dumpLayers, false); | 12 window.addEventListener('load', dumpLayers, false); |
| 13 </script> | 13 </script> |
| 14 <style> | 14 <style> |
| 15 .spacer { | 15 .spacer { |
| 16 height: 350px; | 16 height: 350px; |
| 17 width: 100%; | 17 width: 100%; |
| 18 margin: 10px; | 18 margin: 10px; |
| 19 background-color: silver; | 19 background-color: silver; |
| 20 } | 20 } |
| 21 | 21 |
| 22 .box { | 22 .box { |
| 23 height: 100px; | 23 height: 100px; |
| 24 width: 100px; | 24 width: 100px; |
| 25 margin: 10px; | 25 margin: 10px; |
| 26 background-color: blue; | 26 background-color: blue; |
| 27 } | 27 } |
| 28 .composited { | 28 .composited { |
| 29 -webkit-transform: translateZ(0); | 29 transform: translateZ(0); |
| 30 } | 30 } |
| 31 </style> | 31 </style> |
| 32 </head> | 32 </head> |
| 33 <body> | 33 <body> |
| 34 | 34 |
| 35 <div class="spacer"></div> | 35 <div class="spacer"></div> |
| 36 <div class="spacer"></div> | 36 <div class="spacer"></div> |
| 37 <div class="composited box"></div> | 37 <div class="composited box"></div> |
| 38 <pre id="layers">Layer tree goes here in DRT</pre> | 38 <pre id="layers">Layer tree goes here in DRT</pre> |
| 39 | 39 |
| 40 </body> | 40 </body> |
| 41 </html> | 41 </html> |
| OLD | NEW |