mirror of
https://github.com/servo/servo.git
synced 2025-07-11 17:33:47 +01:00
82 lines
2.6 KiB
HTML
82 lines
2.6 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="help" href="https://w3c.github.io/resource-timing/#dom-performance-setresourcetimingbuffersize">
|
|
<title>This test validates that setResourceTimingBufferFull behaves appropriately when set to the current buffer level.</title>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="resources/buffer-full-utilities.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
let eventFired = false;
|
|
|
|
let loadRandomResource = () => {
|
|
return fetch(window.location.href + "?" + Math.random());
|
|
};
|
|
|
|
setup(() => {
|
|
// Get the browser into a consistent state.
|
|
clearBufferAndSetSize(100);
|
|
window.result = "";
|
|
});
|
|
|
|
let fillUpTheBuffer = () => {
|
|
return new Promise(resolve => {
|
|
// Gather up 3 Resource Entries to kick off the rest of test behavior.
|
|
let resources = 0;
|
|
let observer = new PerformanceObserver(list => {
|
|
resources += list.getEntriesByType("resource").length;
|
|
if (resources !== 3)
|
|
return;
|
|
observer.disconnect();
|
|
resolve();
|
|
});
|
|
observer.observe({entryTypes: ["resource"]});
|
|
for (let i = 0; i < 3; ++i)
|
|
loadRandomResource();
|
|
});
|
|
};
|
|
|
|
let setBufferSize = () => {
|
|
performance.onresourcetimingbufferfull = () => {
|
|
eventFired = true;
|
|
window.result += "Event Fired with " + performance.getEntriesByType("resource").length + " entries. ";
|
|
performance.clearResourceTimings();
|
|
};
|
|
window.result += "before setLimit(3). ";
|
|
performance.setResourceTimingBufferSize(3);
|
|
window.result += "after setLimit(3). ";
|
|
};
|
|
|
|
let overflowTheBuffer = () => {
|
|
return new Promise(resolve => {
|
|
loadRandomResource().then(() => {
|
|
window.result += "after loading 4th resource. ";
|
|
resolve();
|
|
});
|
|
});
|
|
};
|
|
|
|
let checkResult = () => {
|
|
return new Promise((resolve, reject) => {
|
|
if (window.result != "before setLimit(3). after setLimit(3). after loading 4th resource. Event Fired with 3 entries. ") {
|
|
reject("Non matching value: " + window.result);
|
|
}
|
|
let entries = performance.getEntriesByType("resource");
|
|
if (entries.length != 1) {
|
|
reject("Number of entries in resource timing buffer is unexpected: " + entries.length);
|
|
}
|
|
resolve();
|
|
});
|
|
};
|
|
|
|
promise_test(async () => {
|
|
await fillUpTheBuffer();
|
|
setBufferSize();
|
|
await overflowTheBuffer();
|
|
await waitForEventToFire();
|
|
await checkResult();
|
|
}, "Test that entries added and event firing happened in the right sequence");
|
|
</script>
|