| <html> |
| <head> |
| <title>Service Worker Fetch Event</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| </head> |
| <body> |
| <script> |
| var scope1 = "resources/navigation-redirect-frame1.html"; |
| var scope2 = "resources/navigation-redirect-frame2.html"; |
| var registration1; |
| var registration2; |
| |
| function withFrame(url) |
| { |
| return new Promise((resolve) => { |
| let frame = document.createElement('iframe'); |
| frame.src = url; |
| frame.onload = function() { resolve(frame); }; |
| document.body.appendChild(frame); |
| }); |
| } |
| |
| async function registerServiceWorker(scope) |
| { |
| var registration = await navigator.serviceWorker.register("navigation-redirect-worker.js", { scope : scope }); |
| var activeWorker = registration.active; |
| if (activeWorker) |
| return; |
| activeWorker = registration.installing; |
| return new Promise(resolve => { |
| activeWorker.addEventListener('statechange', () => { |
| if (activeWorker.state === "activated") |
| resolve(registration); |
| }); |
| }); |
| } |
| |
| promise_test(async (test) => { |
| registration1 = await registerServiceWorker(scope1); |
| }, "Setup worker 1"); |
| |
| promise_test(async (test) => { |
| var frame = await withFrame(scope1); |
| assert_equals(frame.contentWindow.navigator.serviceWorker.controller, null); |
| frame.remove(); |
| }, "Frame redirecting to an unregistered scope"); |
| |
| promise_test(async (test) => { |
| registration2 = await registerServiceWorker(scope2); |
| }, "Setup worker 2"); |
| |
| promise_test(async (test) => { |
| var frame = await withFrame(scope1); |
| assert_true(frame.contentWindow.navigator.serviceWorker.controller !== null); |
| frame.remove(); |
| }, "Frame redirecting to a registered scope"); |
| |
| promise_test(async (test) => { |
| registration1.unregister(); |
| registration2.unregister(); |
| }, "Clean-up"); |
| |
| </script> |
| </body> |
| </html> |