Chromium Code Reviews| 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 frames to be sure. |
|
fs
2015/09/08 14:50:57
Ditto.
| |
| 14 setTimeout(function() { | 14 for (var i = 0; i < 12; i++) { |
| 15 window.internals.advanceImageAnimation(imageA); | |
| 16 window.internals.advanceImageAnimation(imageB); | |
| 17 } | |
| 18 | |
| 19 window.requestAnimationFrame(function() { | |
| 15 finishRepaintTest(); | 20 finishRepaintTest(); |
| 16 }, 200); | 21 }); |
| 17 } | 22 } |
| 18 </script> | 23 </script> |
| 19 <style type="text/css" media="screen"> | 24 <style type="text/css" media="screen"> |
| 20 img { | 25 img { |
| 21 margin: 10px; | 26 margin: 10px; |
| 22 } | 27 } |
| 23 </style> | 28 </style> |
| 24 </head> | 29 </head> |
| 25 <body onload="runRepaintAndPixelTest()"> | 30 <body onload="runRepaintAndPixelTest()"> |
| 26 <p>Images should redraw correctly when SVG animation runs</p> | 31 <p>Images should redraw correctly when SVG animation runs</p> |
| 27 <img height="250px" width="350px" border="2" src="resources/animated-rect-same -image.svg"><br> | 32 <img id="imageA" height="250px" width="350px" border="2" src="resources/animat ed-rect-same-image.svg"><br> |
| 28 <img height="250px" width="350px" border="2" src="resources/animated-rect-same -image.svg"> | 33 <img id="imageB" height="250px" width="350px" border="2" src="resources/animat ed-rect-same-image.svg"> |
| 29 </body> | 34 </body> |
| 30 </html> | 35 </html> |
| OLD | NEW |