Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /navigation-api/navigate-event/defer/tentative/defer-with-multiple-handlers.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<title>
navigateEvent.deferPageSwap: multiple deferring methods should complete before
committing
</title>
<script>
switch (new URLSearchParams(location.search).get("phase") || "test") {
case "test":
promise_test(async (t) => {
await new Promise((resolve) => {
window.onload = resolve;
});
window.step_timeout = t.step_timeout;
const done = Promise.withResolvers();
window.did_load = done.resolve;
const popup = window.open("?phase=initial");
const events = await done.promise;
assert_array_equals(events, [
"navigate",
"handler1",
"handler2",
"preview1",
"preview2",
"pagehide",
]);
});
break;
case "initial":
window.onload = () => {
const events = [];
navigation.addEventListener("navigate", (navigate_event) => {
events.push("navigate");
navigate_event.deferPageSwap({
handler: () =>
new Promise((resolve) => {
events.push("handler1");
window.step_timeout(() => {
events.push("preview1");
resolve();
}, 100);
}),
});
navigate_event.deferPageSwap({
handler: () =>
new Promise((resolve) => {
events.push("handler2");
window.step_timeout(() => {
events.push("preview2");
resolve();
}, 1000);
}),
});
});
window.addEventListener("pagehide", () => {
events.push("pagehide");
window.opener.did_load(events);
});
window.navigation.navigate("?phase=done");
};
break;
case "done":
break;
}
</script>