1333539-2.html (990B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <style> 6 div { 7 width: 100px; 8 height: 100px; 9 background-color: blue; 10 } 11 </style> 12 <script> 13 window.onload = function(){ 14 let body = document.getElementsByTagName("body")[0]; 15 let target = document.createElement("div"); 16 let anim1 = new Animation(); 17 let anim2 = new Animation(); 18 let effect = new KeyframeEffect(target, { opacity: [ 0, 1 ] }, 1000); 19 body.appendChild(target); 20 anim1.startTime = 88; 21 anim1.timeline = null; 22 anim1.pause(); 23 anim1.effect = effect; 24 anim2.effect = effect; 25 anim1.effect = effect; 26 // Put another opacity animation on the top of the effect stack so that we 27 // try to send a lower priority animation that has no timeline to the 28 // compositor. 29 let anim3 = target.animate({ opacity : [ 1, 0 ] }, 1000); 30 31 Promise.all([anim1.ready, anim2.ready, anim2.ready]).then(function() { 32 document.documentElement.classList.remove("reftest-wait"); 33 }); 34 }; 35 </script> 36 </head> 37 <body></body> 38 </html>