| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src='../resources/runner.js'></script> |
| </head> |
| <body> |
| <script> |
| let isDone = false; |
| function testDone() { |
| isDone = true; |
| } |
| |
| function addIframe(url) { |
| return new Promise((resolve) => { |
| var frame = document.createElement('iframe'); |
| frame.src = url; |
| frame.onload = () => { resolve(frame); }; |
| document.body.appendChild(frame); |
| }); |
| } |
| |
| function waitForWorkerActive(worker) { |
| return new Promise((resolve) => { |
| worker.addEventListener('statechange', () => { |
| if (worker.state == 'activated') |
| resolve(); |
| }); |
| }); |
| } |
| |
| async function runTest() { |
| const script = '/service_worker/resources/fetch-service-worker.js'; |
| const scope = '/service_worker/resources/'; |
| const client = '/service_worker/resources/simple.html'; |
| const resource = '/service_worker/resources/data/1K_0.txt'; |
| |
| const registration = await navigator.serviceWorker.register( |
| script, { scope: scope }); |
| await waitForWorkerActive(registration.installing); |
| const frame = await addIframe(client); |
| |
| while (!isDone) { |
| const startTime = performance.now(); |
| const response = await frame.contentWindow.fetch(resource); |
| PerfTestRunner.measureValueAsync(performance.now() - startTime); |
| } |
| return; |
| } |
| |
| PerfTestRunner.startMeasureValuesAsync({ |
| description: 'Measure the performance of fetch with live service worker.', |
| unit: 'ms', |
| run: runTest, |
| done: testDone, |
| iterationCount: 30 |
| }); |
| </script> |
| </body> |
| </html> |
