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 |