| Yoav Weiss | 79001b1 | 2018-12-12 17:16:56 | [diff] [blame] | 1 | <!DOCTYPE HTML> |
| 2 | <html> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <link rel="help" href="https://w3c.github.io/resource-timing/#dom-performance-setresourcetimingbuffersize"> |
| 6 | <title>This test validates that setResourceTimingBufferFull behaves appropriately when set to the current buffer level.</title> |
| 7 | <script src="/resources/testharness.js"></script> |
| 8 | <script src="/resources/testharnessreport.js"></script> |
| 9 | <script src="resources/buffer-full-utilities.js"></script> |
| 10 | </head> |
| 11 | <body> |
| 12 | <script> |
| 13 | let eventFired = false; |
| 14 | |
| 15 | let loadRandomResource = () => { |
| 16 | return fetch(window.location.href + "?" + Math.random()); |
| 17 | }; |
| 18 | |
| 19 | setup(() => { |
| 20 | // Get the browser into a consistent state. |
| 21 | clearBufferAndSetSize(100); |
| 22 | window.result = ""; |
| 23 | }); |
| 24 | |
| 25 | let fillUpTheBuffer = () => { |
| 26 | return new Promise(resolve => { |
| 27 | // Gather up 3 Resource Entries to kick off the rest of test behavior. |
| 28 | let resources = 0; |
| 29 | let observer = new PerformanceObserver(list => { |
| 30 | resources += list.getEntriesByType("resource").length; |
| 31 | if (resources !== 3) |
| 32 | return; |
| 33 | observer.disconnect(); |
| 34 | resolve(); |
| 35 | }); |
| 36 | observer.observe({entryTypes: ["resource"]}); |
| 37 | for (let i = 0; i < 3; ++i) |
| 38 | loadRandomResource(); |
| 39 | }); |
| 40 | }; |
| 41 | |
| 42 | let setBufferSize = () => { |
| 43 | performance.onresourcetimingbufferfull = () => { |
| 44 | eventFired = true; |
| 45 | window.result += "Event Fired with " + performance.getEntriesByType("resource").length + " entries. "; |
| 46 | performance.clearResourceTimings(); |
| 47 | }; |
| 48 | window.result += "before setLimit(3). "; |
| 49 | performance.setResourceTimingBufferSize(3); |
| 50 | window.result += "after setLimit(3). "; |
| 51 | }; |
| 52 | |
| 53 | let overflowTheBuffer = () => { |
| 54 | return new Promise(resolve => { |
| 55 | loadRandomResource().then(() => { |
| 56 | window.result += "after loading 4th resource. "; |
| 57 | resolve(); |
| 58 | }); |
| 59 | }); |
| 60 | }; |
| 61 | |
| 62 | let checkResult = () => { |
| 63 | return new Promise((resolve, reject) => { |
| 64 | if (window.result != "before setLimit(3). after setLimit(3). after loading 4th resource. Event Fired with 3 entries. ") { |
| 65 | reject("Non matching value: " + window.result); |
| 66 | } |
| 67 | let entries = performance.getEntriesByType("resource"); |
| 68 | if (entries.length != 1) { |
| 69 | reject("Number of entries in resource timing buffer is unexpected: " + entries.length); |
| 70 | } |
| 71 | resolve(); |
| 72 | }); |
| 73 | }; |
| 74 | |
| 75 | promise_test(async () => { |
| 76 | await fillUpTheBuffer(); |
| 77 | setBufferSize(); |
| 78 | await overflowTheBuffer(); |
| 79 | await waitForEventToFire(); |
| 80 | await checkResult(); |
| 81 | }, "Test that entries added and event firing happened in the right sequence"); |
| 82 | </script> |
