| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
| 3 <script> | 3 <script> |
| 4 window.testIsAsync = true; | 4 window.testIsAsync = true; |
| 5 </script> | 5 </script> |
| 6 <body onload="runRepaintTest()"> | 6 <body onload="runRepaintAndPixelTest()"> |
| 7 <svg width="300" height="200"> | 7 <svg width="300" height="200"> |
| 8 <image width="200" height="200" preserveAspectRatio="none" | 8 <image width="200" height="200" preserveAspectRatio="none" |
| 9 xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'
width='50' height='50'><rect width='100%' height='100%' fill='green'/></svg>"></
image> | 9 xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'
width='50' height='50'><rect width='100%' height='100%' fill='green'/></svg>"></
image> |
| 10 </svg> | 10 </svg> |
| 11 <script> | 11 <script> |
| 12 function repaintTest() { | 12 function repaintTest() { |
| 13 document.querySelector('image').setAttribute('width', 100); | 13 document.querySelector('image').setAttribute('width', 100); |
| 14 requestAnimationFrame(function() { | 14 requestAnimationFrame(function() { |
| 15 requestAnimationFrame(function() { | 15 requestAnimationFrame(function() { |
| 16 finishRepaintTest(); | 16 finishRepaintTest(); |
| 17 }); | 17 }); |
| 18 }); | 18 }); |
| 19 } | 19 } |
| 20 </script> | 20 </script> |
| 21 </body> | 21 </body> |
| OLD | NEW |