| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 body { | 6 body { |
| 7 overflow: hidden; /* hide body scrollbars */ | 7 overflow: hidden; /* hide body scrollbars */ |
| 8 } | 8 } |
| 9 .scene { | 9 .scene { |
| 10 position: relative; | 10 position: relative; |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 -webkit-transform: rotateY(80deg); | 28 -webkit-transform: rotateY(80deg); |
| 29 -webkit-transform-origin: 1500px 50%; | 29 -webkit-transform-origin: 1500px 50%; |
| 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 | 39 |
| 40 function doTest() | 40 function doTest() |
| 41 { | 41 { |
| 42 if (window.internals) { | 42 if (window.internals) { |
| 43 document.getElementById('layers').innerText = internals.layerTre
eAsText(document); | 43 document.getElementById('layers').innerText = internals.layerTre
eAsText(document); |
| 44 } | 44 } |
| 45 } | 45 } |
| 46 | 46 |
| 47 window.addEventListener('load', doTest, false); | 47 window.addEventListener('load', doTest, false); |
| 48 </script> | 48 </script> |
| 49 </head> | 49 </head> |
| 50 <body> | 50 <body> |
| 51 | 51 |
| 52 <div class="scene"> | 52 <div class="scene"> |
| 53 <div class="container"> | 53 <div class="container"> |
| 54 <div class="tiled"></div> | 54 <div class="tiled"></div> |
| 55 </div> | 55 </div> |
| 56 </div> | 56 </div> |
| 57 <pre id="layers">Layer tree goes here</p> | 57 <pre id="layers">Layer tree goes here</p> |
| 58 | 58 |
| 59 </body> | 59 </body> |
| 60 </html> | 60 </html> |
| OLD | NEW |