<!doctype html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<style>
  @keyframes animation-a {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }
  }
  @keyframes animation-b {
    100% {
      transform: scale(1);
    }
  }
</style>
<div style="animation: animation-a .01s .01s 1 linear forwards;">
  <div id="target" style="animation: animation-b .1s 0.1s 1 linear forwards;"></div>
</div>
<script>
var test = async_test("This tests waiting for a composited animation to end. It passes if it does not crash");
target.addEventListener('animationend', test.step_func_done(() => {}));
</script>