summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/paint-timing/with-first-paint/sibling-painting-first-image.html
blob: d393795e2dc34c925c658085f9fa1fc8f660d6cc (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
49
50
51
52
53
54
<!DOCTYPE html>
<body>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
 <!-- This iframe will have a sibling that paints, we want to ensure it does not detect that paint. -->
<iframe id="listening-iframe" src="../resources/subframe-sending-paint.html"></iframe>
<script>
setup({"hide_test_state": true});
var entriesExpectToReceive = [
    {
        'entryType': 'paint',
        'name': 'first-paint'
    },
    {
        'entryType': 'paint',
        'name': 'first-contentful-paint'
    }
];
async_test(function (t) {
    assert_implements(window.PerformancePaintTiming, "Paint Timing isn't supported.");
    let paintingIframeHasDispatchedEntries = false;
    window.addEventListener('message', t.step_func(e => {
        if (!paintingIframeHasDispatchedEntries) {
            // Check paint-timing entries from the painting iframe.
            for (let i = 0; i < entriesExpectToReceive.length; i++) {
                if (entriesExpectToReceive[i].entryType == e.data.entryType &&
                    entriesExpectToReceive[i].name == e.data.name) {
                    entriesExpectToReceive.splice(i, 1);
                    break;
                }
            }
            if (entriesExpectToReceive.length == 0) {
                paintingIframeHasDispatchedEntries = true;
                // Ask the listening iframe to send its paint-timing entries.
                document.getElementById('listening-iframe').
                    contentWindow.postMessage('', '*');
            }
            return;
        }
        // Check the paint-timing entries from the listening iframe.
        assert_equals(e.data, '0');
        // Check that current frame receives first-paint but not first-contentful-paint.
        const bufferedEntries = performance.getEntriesByType('paint');
        assert_equals(bufferedEntries.length, 1);
        assert_equals(bufferedEntries[0].entryType, 'paint');
        assert_equals(bufferedEntries[0].name, 'first-paint');
        t.done();
    }));
}, 'Frame ignores paint-timing events fired from sibling frame.');
</script>
<!-- This iframe is where all of the painting occurs. -->
<iframe id="painting-iframe" src="../resources/subframe-painting.html"></iframe>
</body>
</html>