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
|
function test_frame_timing_before_load_event(type) {
promise_test(async t => {
const {document, performance} = type === 'frame' ? window.parent : window;
const delay = 500;
const frame = document.createElement(type);
t.add_cleanup(() => frame.remove());
await new Promise(resolve => {
frame.addEventListener('load', resolve);
frame.src = `/resource-timing/resources/iframe-with-delay.sub.html?delay=${delay}`;
(type === 'frame' ? document.querySelector('frameset') : document.body).appendChild(frame);
});
const entries = performance.getEntriesByName(frame.src);
const navigationEntry = frame.contentWindow.performance.getEntriesByType('navigation')[0];
assert_equals(entries.length, 1);
assert_equals(entries[0].initiatorType, type);
assert_greater_than(performance.now(), entries[0].responseEnd + delay);
const domContentLoadedEventAbsoluteTime =
navigationEntry.domContentLoadedEventStart +
frame.contentWindow.performance.timeOrigin;
const frameResponseEndAbsoluteTime = entries[0].responseEnd + performance.timeOrigin;
assert_greater_than(domContentLoadedEventAbsoluteTime, frameResponseEndAbsoluteTime);
}, `A ${type} should report its RT entry when the response is done and before it is completely loaded`);
}
function test_frame_timing_change_src(type,
origin1 = document.origin,
origin2 = document.origin,
tao = false, label = '') {
const uid = token();
promise_test(async t => {
const {document, performance} = type === 'frame' ? window.parent : window;
const frame = document.createElement(type);
t.add_cleanup(() => frame.remove());
function createURL(origin) {
const url = new URL(`${origin}/resource-timing/resources/green.html`, location.href);
url.searchParams.set("uid", uid);
if (tao)
url.searchParams.set("pipe", "header(Timing-Allow-Origin, *)");
return url.toString();
}
await new Promise(resolve => {
const done = () => {
resolve();
frame.removeEventListener('load', done);
}
frame.addEventListener('load', done);
frame.src = createURL(origin1);
const root = type === 'frame' ? document.querySelector('frameset') : document.body;
root.appendChild(frame);
});
await new Promise(resolve => {
frame.addEventListener('load', resolve);
frame.src = createURL(origin2);
});
const entries = performance.getEntries().filter(e => e.name.includes(uid));
assert_equals(entries.length, 2);
}, label || `A ${type} should report separate RT entries if its src changed from the outside`);
}
|
