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 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
55 background-color: blue; | 55 background-color: blue; |
56 } | 56 } |
57 | 57 |
58 #layer-tree { | 58 #layer-tree { |
59 opacity: 0; /* hide from pixel test */ | 59 opacity: 0; /* hide from pixel test */ |
60 } | 60 } |
61 | 61 |
62 </style> | 62 </style> |
63 <script type="text/javascript" charset="utf-8"> | 63 <script type="text/javascript" charset="utf-8"> |
64 if (window.testRunner) { | 64 if (window.testRunner) { |
65 testRunner.dumpAsText(true); | 65 testRunner.dumpAsTextWithPixelResults(); |
66 testRunner.waitUntilDone(); | 66 testRunner.waitUntilDone(); |
67 } | 67 } |
68 | 68 |
69 function repaint() | 69 function repaint() |
70 { | 70 { |
71 var imagesToRepaint = document.querySelectorAll('.repainted'); | 71 var imagesToRepaint = document.querySelectorAll('.repainted'); |
72 for (var i = 0; i < imagesToRepaint.length; ++i) { | 72 for (var i = 0; i < imagesToRepaint.length; ++i) { |
73 var currImage = imagesToRepaint[i]; | 73 var currImage = imagesToRepaint[i]; |
74 currImage.style.backgroundColor = 'orange'; | 74 currImage.style.backgroundColor = 'orange'; |
75 } | 75 } |
(...skipping 16 matching lines...) Expand all Loading... |
92 </div> | 92 </div> |
93 | 93 |
94 <div class="main box" style="overflow: hidden;"> | 94 <div class="main box" style="overflow: hidden;"> |
95 <img><img><img class="repainted"><img> | 95 <img><img><img class="repainted"><img> |
96 <div class="negative child"></div> | 96 <div class="negative child"></div> |
97 </div> | 97 </div> |
98 | 98 |
99 <pre id="layer-tree"></pre> | 99 <pre id="layer-tree"></pre> |
100 </body> | 100 </body> |
101 </html> | 101 </html> |
OLD | NEW |