forked from mirrors/gecko-dev
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
66 lines
2.2 KiB
HTML
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>
|