animated-svg-as-background.html | Explore in Territory

<html>
<head>
  <script src="../../resources/run-after-layout-and-paint.js"></script>
  <script type="text/javascript">
  if (window.testRunner)
    testRunner.waitUntilDone();

  function repaintTest() {
    if (!window.testRunner)
      return;

    // The animation lasts 100ms.
    // This test waits an extra 300ms, similar to animated-svg-as-mask.html, to
    // reduce flakes (see: crbug.com/1511665). This extra time is papering over
    // a real bug.
    setTimeout(function() {
      testRunner.notifyDone();
    }, 400);
  }
  </script>
  <style type="text/css" media="screen">
    div {
      background: red;
      background-repeat: no-repeat;
      background-image: url(resources/animated-rect-relative-size.svg);
      height: 600px;
      width: 800px;
    }
  </style>
</head>
<body style='margin: 0px' onload="runAfterLayoutAndPaint(repaintTest);">
<div>&nbsp;</div>
</body>
</html>

chromium/third_party/blink/web_tests/svg/as-background-image/animated-svg-as-background.html