transform-animation-on-path.html

Enable keyboard shortcuts

This test gets skipped with pattern: tsan OR (os == 'android') OR (os == 'mac') OR (os == 'win')
Manifest: layout/reftests/svg/reftest.list

<!DOCTYPE html>

<html class="reftest-wait reftest-no-flush">

<style>

@keyframes anim {

  from { transform: scale(1); }

  to { transform: scale(0); }

</style>

<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">

  <path id="target" d="M .1 .1 H .9 V .9 H .10 L .10 .10"/>

</svg>

<script>

document.addEventListener("MozReftestInvalidate", () => {

  target.style.animation = "anim 100s step-end reverse";

  target.addEventListener("animationstart", () => {

    document.documentElement.classList.remove("reftest-wait");

});

});

</script>

</html>