summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/resource-timing/resources/frame-timing.js
blob: e0c364e9b2c3e264dea10a0d6d19b0cdee01919d (plain)
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
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 = `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) {
    promise_test(async t => {
        const {document, performance} = type === 'frame' ? window.parent : window;
        const frame = document.createElement(type);
        t.add_cleanup(() => frame.remove());
        await new Promise(resolve => {
          const done = () => {
            resolve();
            frame.removeEventListener('load', done);
          }
          frame.addEventListener('load', done);
          frame.src = 'resources/green.html?1';
            (type === 'frame' ? document.querySelector('frameset') : document.body).appendChild(frame);
        });

        await new Promise(resolve => {
          frame.addEventListener('load', resolve);
          frame.src = 'resources/green.html?2';
        });

        const entries = performance.getEntries().filter(e => e.name.includes('green.html'));
        assert_equals(entries.length, 2);
      }, `A ${type} should report separate RT entries if its src changed from the outside`);
}