| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Resource Timing - Entries per Worker</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 Worker</h1> |
| <div id="log"></div> |
| <script> |
| setup({explicit_done: true}); |
| |
| window.addEventListener("load", function() { |
| let worker1 = new Worker("resources/rt-worker-resources.js"); |
| let worker2 = new Worker("resources/rt-worker-resources.js"); |
| |
| let worker1Entries = null; |
| let worker2Entries = null; |
| |
| let promises = []; |
| |
| window.performance.clearResourceTimings(); |
| promises.push(window.loadResources(3)); |
| |
| wait(); // Ensure a DOMHighResTimeStamp change. |
| |
| worker1.postMessage({n: 2}); |
| promises.push(new Promise(function(resolve, reject) { |
| worker1.addEventListener("message", function(event) { |
| worker1Entries = event.data; |
| resolve(); |
| }); |
| })); |
| |
| wait(); // Ensure a DOMHighResTimeStamp change. |
| |
| worker2.postMessage({n: 15}); |
| promises.push(new Promise(function(resolve, reject) { |
| worker2.addEventListener("message", function(event) { |
| worker2Entries = event.data; |
| resolve(); |
| }); |
| })); |
| |
| Promise.all(promises).then(function() { |
| let supported = worker1Entries !== "error" && worker2Entries !== "error"; |
| |
| // Exclude the Worker script if it was in the list since it may have been added in the meantime. |
| let windowEntries = window.performance.getEntriesByType("resource"); |
| windowEntries = windowEntries.filter((entry) => !/rt-worker-resources\.js$/.test(entry.name)); |
| |
| test(function() { |
| assert_true(supported); |
| }, "Workers have PerformanceObserver and PerformanceResourceTiming"); |
| |
| if (!supported) { |
| done(); |
| return; |
| } |
| |
| 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(windowEntries.length, 3, "window should have 3 resource entries"); |
| assertDisjointEntries(windowEntries, worker1Entries, worker2Entries); |
| }, "window resources differ from other contexts"); |
| |
| test(function(t) { |
| assert_equals(worker1Entries.length, 2, "worker1 should have 2 resource entries"); |
| assertDisjointEntries(worker1Entries, windowEntries, worker2Entries); |
| }, "worker1 resources differ from other contexts"); |
| |
| test(function(t) { |
| assert_equals(worker2Entries.length, 15, "worker2 should have 15 resource entries"); |
| assertDisjointEntries(worker2Entries, worker1Entries, windowEntries); |
| }, "worker2 resources differ from other contexts"); |
| |
| done(); |
| }); |
| }); |
| </script> |
| </body> |
| </html> |
