third_party/WebKit/LayoutTests/svg/as-image/animated-svg-as-image-same-image.html

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