Blitz - WPT: animate-fill-underlying-value-change.html

wpt / svg / animations / animate-fill-underlying-value-change.html

/svg/animations/animate-fill-underlying-value-change.html

<!DOCTYPE html>
<html class="reftest-wait">
<title>SVG Test: Invalidation test for fill color from underlying value</title>
<link rel="help" href="https://w3c.github.io/svgwg/specs/animations/#AnimateElement">
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
<script src="/common/reftest-wait.js"></script>
<p>Test passes if there is a filled green square.</p>
<svg width="100" height="100">
  <rect x="0" y="0" width="100" height="100" fill="red">
    <animate
      attributeName="fill"
      to="green"
      dur="1000s"
      repeatcount="indefinite" />
  </rect>
</svg>
<script>
  requestAnimationFrame(() => requestAnimationFrame(() => {
    document.querySelector("rect").setAttribute("fill", "green");
    takeScreenshot();
  }));
</script>

/css/reference/ref-filled-green-100px-square-only.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<p>Test passes if there is a filled green square.</p>
<div style="width:100px; height:100px; background:green;"></div>