<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Resource Timing - Entries per Frame</title>
<link rel="help" href="https://w3c.github.io/resource-timing/#processing-model">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/rt-utilities.sub.js"></script>
</head>
<body>
<h1>Resource Timing: Entries per Frame</h1>
<div id="log"></div>
<iframe id="iframe1" src="resources/rt-iframe-1.html"></iframe>
<iframe id="iframe2" src="resources/rt-iframe-2.html"></iframe>
<script>
setup({explicit_done: true});

window.addEventListener("load", function() {
    let mainFrameWindow = window;
    let iframe1Window = document.getElementById("iframe1").contentWindow;
    let iframe2Window = document.getElementById("iframe2").contentWindow;

    let promises = [];

    mainFrameWindow.performance.clearResourceTimings();
    promises.push(mainFrameWindow.loadResources(3));

    wait(); // Ensure a DOMHighResTimeStamp change.

    iframe1Window.performance.clearResourceTimings();
    promises.push(iframe1Window.loadResources(2));

    wait(); // Ensure a DOMHighResTimeStamp change.

    iframe2Window.performance.clearResourceTimings();
    promises.push(iframe2Window.loadResources(15));

    Promise.all(promises).then(function() {
        let mainFrameEntries = mainFrameWindow.performance.getEntriesByType("resource");
        let iframe1Entries = iframe1Window.performance.getEntriesByType("resource");
        let iframe2Entries = iframe2Window.performance.getEntriesByType("resource");

        function checkContainsURL(url, list) {
            for (let entry of list) {
                if (entry.name === url)
                    return true;
            }
            return false;
        }

        function assertDisjointEntries(list, otherList1, otherList2) {
            for (let entry of list) {
                assert_false(checkContainsURL(entry.name, otherList1), "a resource that should have been unique was not unique across contexts");
                assert_false(checkContainsURL(entry.name, otherList2), "a resource that should have been unique was not unique across contexts");
            }
        }

        test(function(t) {
            assert_equals(mainFrameEntries.length, 3, "window should have 3 resource entries");
            assertDisjointEntries(mainFrameEntries, iframe1Entries, iframe2Entries);
        }, "main frame resources differ from other frames");

        test(function(t) {
            assert_equals(iframe1Entries.length, 2, "iframe1 should have 2 resource entries");
            assertDisjointEntries(iframe1Entries, mainFrameEntries, iframe2Entries);
        }, "iframe1 resources differ from other frames");

        test(function(t) {
            assert_equals(iframe2Entries.length, 15, "iframe2 should have 15 resource entries");
            assertDisjointEntries(iframe2Entries, iframe1Entries, mainFrameEntries);
        }, "iframe2 resources differ from other frames");

        done();
    });
});
</script>
</body>
</html>