| 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 |