gecko-dev/testing/web-platform/tests/preload/link-header-preload-delay-o...

<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/preload/resources/preload_helper.js"></script>
<script>
    var t = async_test('Makes sure that Link headers preload resources and block window.onload after resource discovery');
</script>
<body>
<style>
    #background {
        width: 200px;
        height: 200px;
        background-image: url(resources/square.png?background);
    }
</style>
<link rel="stylesheet" href="resources/dummy.css?link-header-preload-delay-onload">
<script src="resources/dummy.js?link-header-preload-delay-onload"></script>
<div id="background"></div>
<script>
    document.write('<img src="resources/square.png?link-header-preload-delay-onload">');
    window.addEventListener("load", t.step_func(function() {
        verifyPreloadAndRTSupport();
        var entries = performance.getEntriesByType("resource");
        var found_background_first = false;
        for (var i = 0; i < entries.length; ++i) {
            var entry = entries[i];
            if (entry.name.indexOf("square") != -1) {
                if (entry.name.indexOf("background") != -1)
                    found_background_first = true;
                break;
            }
        }
        assert_true(found_background_first);
        verifyNumberOfDownloads("resources/square.png?link-header-preload-delay-onload", 1);
        verifyNumberOfDownloads("resources/square.png?background", 1);
        verifyNumberOfDownloads("resources/dummy.js?link-header-preload-delay-onload", 1);
        verifyNumberOfDownloads("resources/dummy.css?link-header-preload-delay-onload", 1);
        t.done();
    }));
</script>