| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style type="text/css"> | 4 <style type="text/css"> |
| 5 .box { | 5 .box { |
| 6 position: relative; | 6 position: relative; |
| 7 display: inline-block; | 7 display: inline-block; |
| 8 margin: 30px; | 8 margin: 30px; |
| 9 width: 200px; | 9 width: 200px; |
| 10 height: 200px; | 10 height: 200px; |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 50 | 50 |
| 51 #layer-tree { | 51 #layer-tree { |
| 52 opacity: 0; /* hide from pixel test */ | 52 opacity: 0; /* hide from pixel test */ |
| 53 height: 10px; /* avoid scrollbars */ | 53 height: 10px; /* avoid scrollbars */ |
| 54 overflow: hidden; | 54 overflow: hidden; |
| 55 } | 55 } |
| 56 | 56 |
| 57 </style> | 57 </style> |
| 58 <script type="text/javascript" charset="utf-8"> | 58 <script type="text/javascript" charset="utf-8"> |
| 59 if (window.testRunner) | 59 if (window.testRunner) |
| 60 testRunner.dumpAsText(true); | 60 testRunner.dumpAsTextWithPixelResults(); |
| 61 | 61 |
| 62 function dumpLayerTree() | 62 function dumpLayerTree() |
| 63 { | 63 { |
| 64 if (window.testRunner) | 64 if (window.testRunner) |
| 65 document.getElementById('layer-tree').innerText = window.internals.layer
TreeAsText(document); | 65 document.getElementById('layer-tree').innerText = window.internals.layer
TreeAsText(document); |
| 66 } | 66 } |
| 67 | 67 |
| 68 window.addEventListener('load', dumpLayerTree, false); | 68 window.addEventListener('load', dumpLayerTree, false); |
| 69 </script> | 69 </script> |
| 70 </head> | 70 </head> |
| 71 <body> | 71 <body> |
| 72 | 72 |
| 73 <!-- Both boxes should look the same. You should see no red. --> | 73 <!-- Both boxes should look the same. You should see no red. --> |
| 74 <div class="main box"> | 74 <div class="main box"> |
| 75 <img> | 75 <img> |
| 76 <div class="negative child"></div> | 76 <div class="negative child"></div> |
| 77 </div> | 77 </div> |
| 78 | 78 |
| 79 <div class="main box" style="overflow: hidden;"> | 79 <div class="main box" style="overflow: hidden;"> |
| 80 <img> | 80 <img> |
| 81 <div class="negative child"></div> | 81 <div class="negative child"></div> |
| 82 </div> | 82 </div> |
| 83 | 83 |
| 84 <pre id="layer-tree"></pre> | 84 <pre id="layer-tree"></pre> |
| 85 </body> | 85 </body> |
| 86 </html> | 86 </html> |
| OLD | NEW |