intercept-async.html (2149B)
1 <!doctype html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <meta name="variant" content="?no-currententrychange"> 5 <meta name="variant" content="?currententrychange"> 6 7 <script type="module"> 8 import { Recorder, hasVariant } from "./resources/helpers.mjs"; 9 10 promise_test(async t => { 11 // Wait for after the load event so that the navigation doesn't get converted 12 // into a replace navigation. 13 await new Promise(resolve => window.onload = () => t.step_timeout(resolve, 0)); 14 15 const from = navigation.currentEntry; 16 17 const recorder = new Recorder({ 18 skipCurrentChange: !hasVariant("currententrychange"), 19 finalExpectedEvent: "transition.finished fulfilled" 20 }); 21 22 recorder.setUpNavigationAPIListeners(); 23 24 navigation.addEventListener("navigate", e => { 25 e.intercept({ async handler() { 26 recorder.record("handler sync"); 27 await Promise.resolve(); 28 recorder.record("handler after microtask"); 29 await new Promise(r => t.step_timeout(r, 0)); 30 recorder.record("handler after setTimeout"); 31 } }); 32 }); 33 34 const result = navigation.navigate("#1"); 35 recorder.setUpResultListeners(result); 36 37 Promise.resolve().then(() => recorder.record("promise microtask")); 38 39 await recorder.readyToAssert; 40 41 recorder.assert([ 42 /* event name, location.hash value, navigation.transition properties */ 43 ["navigate", "", null], 44 ["currententrychange", "#1", { from, navigationType: "push" }], 45 ["handler sync", "#1", { from, navigationType: "push" }], 46 ["handler after microtask", "#1", { from, navigationType: "push" }], 47 ["committed fulfilled", "#1", { from, navigationType: "push" }], 48 ["transition.committed fulfilled", "#1", { from, navigationType: "push" }], 49 ["promise microtask", "#1", { from, navigationType: "push" }], 50 ["handler after setTimeout", "#1", { from, navigationType: "push" }], 51 ["navigatesuccess", "#1", { from, navigationType: "push" }], 52 ["finished fulfilled", "#1", null], 53 ["transition.finished fulfilled", "#1", null], 54 ]); 55 }, "ordering when intercept() handler has sync and async blocks"); 56 </script>