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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<script>
const timingEventOrder = [
'startTime',
'workerStart',
'fetchStart',
'requestStart',
'responseStart',
'responseEnd',
];
function verify(timing) {
for (let i = 0; i < timingEventOrder.length - 1; i++) {
assert_true(timing[timingEventOrder[i]] <= timing[timingEventOrder[i + 1]],
`Expected ${timingEventOrder[i]} <= ${timingEventOrder[i + 1]}`);
}
}
function navigate_in_frame(frame, url) {
frame.contentWindow.location = url;
return new Promise((resolve) => {
frame.addEventListener('load', () => {
const timing = frame.contentWindow.performance.getEntriesByType('navigation')[0];
resolve(timing);
});
});
}
const worker_url = 'resources/navigation-timing-worker.js';
promise_test(async (t) => {
const scope = 'resources/empty.html';
const registration = await service_worker_unregister_and_register(t, worker_url, scope);
t.add_cleanup(() => registration.unregister());
await wait_for_state(t, registration.installing, 'activated');
const frame = await with_iframe(scope);
t.add_cleanup(() => frame.remove());
const timing = await navigate_in_frame(frame, scope);
assert_greater_than(timing.workerStart, 0);
verify(timing);
}, 'Service worker controlled navigation timing');
promise_test(async (t) => {
const scope = 'resources/empty.html?network-fallback';
const registration = await service_worker_unregister_and_register(t, worker_url, scope);
t.add_cleanup(() => registration.unregister());
await wait_for_state(t, registration.installing, 'activated');
const frame = await with_iframe(scope);
t.add_cleanup(() => frame.remove());
const timing = await navigate_in_frame(frame, scope);
verify(timing);
}, 'Service worker controlled navigation timing network fallback');
promise_test(async (t) => {
const scope = 'resources/redirect.py?Redirect=empty.html';
const registration = await service_worker_unregister_and_register(t, worker_url, scope);
t.add_cleanup(() => registration.unregister());
await wait_for_state(t, registration.installing, 'activated');
const frame = await with_iframe(scope);
t.add_cleanup(() => frame.remove());
const timing = await navigate_in_frame(frame, scope);
verify(timing);
// Additional checks for redirected navigation.
assert_true(timing.redirectStart <= timing.redirectEnd,
'Expected redirectStart <= redirectEnd');
assert_true(timing.redirectEnd <= timing.fetchStart,
'Expected redirectEnd <= fetchStart');
}, 'Service worker controlled navigation timing redirect');
</script>
|
