| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/ja
vascript"></script> | 3 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/ja
vascript"></script> |
| 4 <script type="text/javascript"> | 4 <script type="text/javascript"> |
| 5 window.testIsAsync = true; | 5 window.testIsAsync = true; |
| 6 // These svg files are animated automatically, so have flaky repaint rect | 6 // These svg files are animated automatically, so have flaky repaint rect |
| 7 // output depending on when repaint rect capturing starts. | 7 // output depending on when repaint rect capturing starts. |
| 8 window.outputRepaintRects = false; | 8 window.outputRepaintRects = false; |
| 9 function repaintTest() { | 9 function repaintTest() { |
| 10 if (!window.testRunner) | 10 if (!window.testRunner) |
| 11 return; | 11 return; |
| 12 | 12 |
| 13 // The animation lasts 100ms. Wait 200ms for the repaint. | 13 // The animation lasts 100ms so skip 12 (12*1s/120=100ms) frames to be sure. |
| 14 setTimeout(function() { | 14 for (var i = 0; i < 12; i++) |
| 15 window.internals.advanceImageAnimation(image); |
| 16 |
| 17 window.requestAnimationFrame(function() { |
| 15 finishRepaintTest(); | 18 finishRepaintTest(); |
| 16 }, 200); | 19 }); |
| 17 } | 20 } |
| 18 </script> | 21 </script> |
| 19 <style type="text/css" media="screen"> | 22 <style type="text/css" media="screen"> |
| 20 img { | 23 img { |
| 21 margin: 10px; | 24 margin: 10px; |
| 22 } | 25 } |
| 23 </style> | 26 </style> |
| 24 </head> | 27 </head> |
| 25 <body onload="runRepaintAndPixelTest()"> | 28 <body onload="runRepaintAndPixelTest()"> |
| 26 <p>Images should redraw correctly when SVG animation runs</p> | 29 <p>Images should redraw correctly when SVG animation runs</p> |
| 27 <img src="resources/animated-rect-fixed-size.svg"> | 30 <img id="image" src="resources/animated-rect-fixed-size.svg"> |
| 28 </body> | 31 </body> |
| 29 </html> | 32 </html> |
| OLD | NEW |