transition-skipped-from-invalid-callback.html (1302B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: transition skipped in animation phase</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="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <style> 11 div { 12 width: 100px; 13 height: 100px; 14 background: blue; 15 contain: paint; 16 view-transition-name: target; 17 } 18 19 ::view-transition-group(target) { 20 animation-duration: 300s; 21 } 22 </style> 23 24 <div id=first></div> 25 26 <script> 27 promise_test(async t => { 28 assert_implements(document.startViewTransition, "Missing document.startViewTransition"); 29 return new Promise(async (resolve, reject) => { 30 let transition = document.startViewTransition(() => { 31 let foo = bar; 32 }); 33 34 let readyRejected = false; 35 transition.ready.then(reject, () => { readyRejected = true; }); 36 37 let domUpdateRejected = false; 38 transition.updateCallbackDone.then(reject, () => { domUpdateRejected = true; }); 39 transition.finished.then(reject, () => { 40 assert_true(readyRejected, "ready not rejected"); 41 assert_true(domUpdateRejected, "dom update not rejected"); 42 resolve(); 43 }); 44 }); 45 }, "transition skipped because callback has invalid syntax"); 46 </script>