transition-skipped-after-animation-started.html (1142B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: skipTransition() after animations have started running should resolve finished promise</title> 4 <link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/"> 5 <link rel="author" href="mailto:khushalsagar@chromium.org"> 6 7 <script src="/dom/events/scrolling/scroll_support.js"></script> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 11 <style> 12 div { 13 width: 100px; 14 height: 100px; 15 background: blue; 16 contain: paint; 17 view-transition-name: target; 18 } 19 20 ::view-transition-group(target) { 21 animation-duration: 300s; 22 } 23 </style> 24 25 <div id=first></div> 26 27 <script> 28 promise_test(async t => { 29 assert_implements(document.startViewTransition, "Missing document.startViewTransition"); 30 await waitForCompositorReady(); 31 return new Promise(async (resolve, reject) => { 32 let transition = document.startViewTransition(); 33 await transition.ready; 34 transition.skipTransition(); 35 await transition.finished; 36 resolve(); 37 }); 38 }, "skipTransition() after animations have started running should resolve finished promise"); 39 </script>