1524480-1.html (628B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset=utf-8> 4 <style> 5 div { 6 display: none; 7 width: 100px; 8 height: 100px; 9 background: blue; 10 } 11 </style> 12 <div id=div></div> 13 <script> 14 async function test() { 15 const animation = div.animate({ transform: ['none', 'none'] }, 1000); 16 animation.cancel(); 17 18 await waitForFrame(); 19 20 div.style.display = 'block'; 21 22 await waitForFrame(); 23 await waitForFrame(); 24 25 animation.play(); 26 await animation.finished; 27 28 document.documentElement.className = ""; 29 } 30 31 function waitForFrame() { 32 return new Promise(resolve => requestAnimationFrame(resolve)); 33 } 34 35 test(); 36 </script> 37 </html>