mozilla-central: dom/animation/test/crashtests/1333539-2.html@7ec5a911287f51bc177058928bb102163a3b656e

summary | shortlog | changelog | pushlog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

author	Serban Stanca <sstanca@mozilla.com>
	Thu, 17 Jul 2025 20:21:32 +0300 (9 hours ago)
changeset 797003	7ec5a911287f51bc177058928bb102163a3b656e
parent 616350	de3ae6e428b56776175b0f01e8a28d20fd333b4a
permissions	-rw-r--r--

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div {
  width: 100px;
  height: 100px;
  background-color: blue;
}
</style>
<script>
window.onload = function(){
  let body = document.getElementsByTagName("body")[0];
  let target = document.createElement("div");
  let anim1 = new Animation();
  let anim2 = new Animation();
  let effect = new KeyframeEffect(target, { opacity: [ 0, 1 ] }, 1000);
  body.appendChild(target);
  anim1.startTime = 88;
  anim1.timeline = null;
  anim1.pause();
  anim1.effect = effect;
  anim2.effect = effect;
  anim1.effect = effect;
  // Put another opacity animation on the top of the effect stack so that we
  // try to send a lower priority animation that has no timeline to the
  // compositor.
  let anim3 = target.animate({ opacity : [ 1, 0 ] }, 1000);

  Promise.all([anim1.ready, anim2.ready, anim2.ready]).then(function() {
    document.documentElement.classList.remove("reftest-wait");
  });
};
</script>
</head>
<body></body>
</html>