Content - d4197e8a35c444401b0a7dc84f0fc5a279193ca0 - cccf2f4/paint-timing/sibling-painting-first-image.html

visit type:

Tip revision: da25c99886fb1a85fcf5a138bb8f337761c5aa7f authored by Anne van Kesteren on 06 June 2018, 09:55:14 UTC
move service worker into resources too

Tip revision: da25c99

sibling-painting-first-image.html

<!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>
async_test(function (t) {
    let paintingIframeHasDispatchedEntries = false;
    window.addEventListener('message', t.step_func(e => {
        if (!paintingIframeHasDispatchedEntries) {
            // Check paint-timing entries from the painting iframe.
            assert_equals(e.data, '2 paint first-paint paint first-contentful-paint');
            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>

Browse the archive

https://github.com/web-platform-tests/wpt