<!doctype html>
<html class="reftest-wait">
<meta charset=utf-8>
<style>
div {
  display: none;
  width: 100px;
  height: 100px;
  background: blue;
}
</style>
<div id=div></div>
<script>
async function test() {
  const animation = div.animate({ transform: ['none', 'none'] }, 1000);
  animation.cancel();

  await waitForFrame();

  div.style.display = 'block';

  await waitForFrame();
  await waitForFrame();

  animation.play();
  await animation.finished;

  document.documentElement.className = "";
}

function waitForFrame() {
  return new Promise(resolve => requestAnimationFrame(resolve));
}

test();
</script>
</html>
