| <html> |
| <head> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| </head> |
| <body> |
| <script> |
| let activeWorker; |
| let scope = "/workers/service/resources/"; |
| |
| promise_test(async (test) => { |
| let registration = await navigator.serviceWorker.getRegistration(scope); |
| if (registration && registration.scope.endsWith(scope)) |
| await registration.unregister(); |
| |
| registration = await navigator.serviceWorker.register("resources/service-worker-user-timing.js", {scope}); |
| activeWorker = registration.active; |
| if (activeWorker) |
| return; |
| |
| activeWorker = registration.installing; |
| return new Promise((resolve) => { |
| activeWorker.addEventListener("statechange", () => { |
| if (activeWorker.state === "activated") |
| resolve(); |
| }); |
| }); |
| }, "Setup worker"); |
| |
| promise_test(async (test) => { |
| activeWorker.postMessage("TEST-USER-TIMING"); |
| await new Promise((resolve, reject) => { |
| navigator.serviceWorker.addEventListener("message", test.step_func((event) => { |
| let entries = JSON.parse(event.data.entries); |
| assert_equals(entries.length, 2); |
| assert_equals(entries[0].entryType, "mark"); |
| assert_equals(entries[0].name, "test-mark"); |
| assert_equals(entries[1].entryType, "measure"); |
| assert_equals(entries[1].name, "test-measure"); |
| resolve(); |
| })); |
| }); |
| }, "Verify service worker had 2 UserTiming entries"); |
| </script> |
| </body> |
| </html> |
