1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
<!doctype html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="variant" content="?no-currententrychange">
<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;
const recorder = new Recorder({
skipCurrentChange: !hasVariant("currententrychange"),
finalExpectedEvent: "transition.finished fulfilled"
});
recorder.setUpNavigationAPIListeners();
navigation.addEventListener("navigate", e => {
e.intercept({ commit: "after-transition",
async handler() {
recorder.record("handler start");
await new Promise(r => t.step_timeout(r, 0));
recorder.record("handler async step 1a");
e.commit();
recorder.record("handler async step 1b");
await new Promise(r => t.step_timeout(r, 0));
recorder.record("handler async step 2");
}
});
});
const result = navigation.navigate("#1");
recorder.setUpResultListeners(result);
Promise.resolve().then(() => recorder.record("promise microtask"));
await recorder.readyToAssert;
recorder.assert([
/* event name, location.hash value, navigation.transition properties */
["navigate", "", null],
["handler start", "", { from, navigationType: "push" }],
["promise microtask", "", { from, navigationType: "push" }],
["handler async step 1a", "", { from, navigationType: "push" }],
["currententrychange", "#1", { from, navigationType: "push" }],
["handler async step 1b", "#1", { from, navigationType: "push" }],
["committed fulfilled", "#1", { from, navigationType: "push" }],
["handler async step 2", "#1", { from, navigationType: "push" }],
["navigatesuccess", "#1", { from, navigationType: "push" }],
["finished fulfilled", "#1", null],
["transition.finished fulfilled", "#1", null],
]);
}, "event and promise ordering for same-document navigation.navigate() intercepted by intercept() with { commit: 'after-transition' }");
</script>
|
