basetest.html - mozsearch

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /paint-timing/with-first-paint/basetest.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<head>

<title>Performance Paint Timing Test</title>

</head>

<body>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<div id="main"></div>

<script>

setup({"hide_test_state": true});

async_test(function(t) {

    assert_implements(window.PerformancePaintTiming, "Paint Timing isn't supported.");

    t.step(function() {

        const bufferedEntries = performance.getEntriesByType('paint');

        assert_equals(bufferedEntries.length, 0, "No paint entries yet");

});

    const div = document.createElement("div");

    div.style.width = "100px";

    div.style.height = "100px";

    div.style.backgroundColor = "red";

    div.style.color = "blue";

    div.innerHTML = "test"

    document.getElementById("main").appendChild(div);

    function testPaintEntries() {

        const bufferedEntries = performance.getEntriesByType('paint');

        if (bufferedEntries.length < 2) {

            t.step_timeout(function() {

                testPaintEntries();

            }, 20);

            return;

        t.step(function() {

            assert_equals(bufferedEntries.length, 2, "FP and FCP.");

            assert_equals(bufferedEntries[0].entryType, "paint");

            assert_equals(bufferedEntries[0].name, "first-paint");

            assert_equals(bufferedEntries[1].entryType, "paint");

            assert_equals(bufferedEntries[1].name, "first-contentful-paint");

            t.done();

});

    t.step(function() {

        testPaintEntries();

});

}, "Basic test to check existence of FP and FCP.");

</script>

</body>

</html>