fune/testing/web-platform/tests/navigation-api/ordering-and-transition/navigate-same-document-intercept-reentrant.html
Nate Chapin fc73c28c51 Bug 1773369 [wpt PR 34353] - Implement navigateEvent.intercept() and navigateEvent.canIntercept, a=testonly
Automatic update from web-platform-tests
Implement navigateEvent.intercept() and navigateEvent.canIntercept

Follows https://github.com/WICG/navigation-api/pull/235

intercept() works very similarly to transitionWhile(), except that
instead of taking a mandatory Promise, it takes an optional handler
function. If a function is provided and it returns a promise,
navigation finish will be delayed until the Promise resolve, just as
transitionWhile() delays navigation finish for its Promise.

canIntercept is identical to canTransition.

Intent to ship: https://groups.google.com/a/chromium.org/g/blink-dev/c/jyWqjAEv5LU

Bug: 1336000
Change-Id: I94edd7fdc727080594f16fe4511cb7c302d88941
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3688177
Reviewed-by: Chris Harrelson <chrishtr@chromium.org>
Commit-Queue: Nate Chapin <japhet@chromium.org>
Reviewed-by: Domenic Denicola <domenic@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1026325}

--

wpt-commits: 5f0779f40dbb30349778db64db04754df8c4a4ef
wpt-pr: 34353
2022-07-22 02:09:14 +00:00

66 lines
2.2 KiB
HTML

<!doctype html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="variant" content="">
<meta name="variant" content="?currententrychange">
<script type="module">
import { Recorder, hasVariant } from "./resources/helpers.mjs";
promise_test(async t => {
// Wait for after the load event so that the navigation doesn't get converted
// into a replace navigation.
await new Promise(resolve => window.onload = () => t.step_timeout(resolve, 0));
const from = navigation.currentEntry;
let firstNavigate = true;
const recorder = new Recorder({
skipCurrentChange: !hasVariant("currententrychange"),
finalExpectedEvent: "transition.finished fulfilled"
});
recorder.setUpNavigationAPIListeners();
navigation.addEventListener("navigate", e => {
e.intercept({ handler() {
recorder.record("handler run");
return new Promise(r => t.step_timeout(r, 2));
}});
if (firstNavigate) {
firstNavigate = false;
const result2 = navigation.navigate("#2");
recorder.setUpResultListeners(result2, " 2");
}
});
const result1 = navigation.navigate("#1");
recorder.setUpResultListeners(result1, " 1");
Promise.resolve().then(() => recorder.record("promise microtask"));
await recorder.readyToAssert;
recorder.assert([
/* event name, location.hash value, navigation.transition properties */
["navigate", "", null],
["AbortSignal abort", "", null],
["navigateerror", "", null],
["navigate", "", null],
["currententrychange", "#2", { from, navigationType: "push" }],
["handler run", "#2", { from, navigationType: "push" }],
["committed fulfilled 2", "#2", { from, navigationType: "push" }],
["committed rejected 1", "#2", { from, navigationType: "push" }],
["finished rejected 1", "#2", { from, navigationType: "push" }],
["promise microtask", "#2", { from, navigationType: "push" }],
["navigatesuccess", "#2", { from, navigationType: "push" }],
["finished fulfilled 2", "#2", null],
["transition.finished fulfilled", "#2", null]
]);
recorder.assertErrorsAreAbortErrors();
}, "event and promise ordering for same-document navigation.navigate() inside the navigate handler");
</script>