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 |