Blitz - WPT: set-animation-end-1.html

wpt / svg / animations / set-animation-end-1.html

/svg/animations/set-animation-end-1.html

<!doctype html>
<html class="reftest-wait">
<title>After animation has finished the shape should return to its unanimated state</title>
<link rel="match" href="../struct/reftests/reference/green-100x100.html">
<script src="/common/reftest-wait.js"></script>
<script src="/common/rendering-utils.js"></script>
<svg>
  <style>
    .square {
      fill: green;
    }
    .round {
      rx: 5px;
      fill: red;
    }
  </style>
  <rect width="100" height="100" class="square">
    <set attributeName="class" to="round" dur="2s" onbegin="test()"/>
  </rect>
  <script>
  function test() {
    document.getElementsByTagName('svg')[0].setCurrentTime(2);
    takeScreenshot();
  }
  </script>
</svg>

/svg/struct/reftests/reference/green-100x100.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green"></div>