| <!DOCTYPE html> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="utils.js"></script> |
| <title>Fenced frame content to report the result of background fetch in SW</title> |
| |
| <body> |
| <script type="module"> |
| const [background_fetch_register_key, method] = parseKeylist(); |
| |
| const getController = () => { |
| if (navigator.serviceWorker.controller) { |
| return navigator.serviceWorker.controller; |
| } |
| return new Promise(resolve => { |
| navigator.serviceWorker.addEventListener('controllerchange', () => { |
| resolve(navigator.serviceWorker.controller); |
| }); |
| }); |
| }; |
| |
| const sendMessageToServiceWorker = async () => { |
| const ctrl = await getController(); |
| return new Promise(resolve => { |
| ctrl.postMessage(method); |
| navigator.serviceWorker.onmessage = e => { |
| resolve(e.data); |
| } |
| }); |
| }; |
| |
| await navigator.serviceWorker.register( |
| "background-fetch-sw.js", { scope: location.href }); |
| const data = await sendMessageToServiceWorker(); |
| |
| writeValueToServer(background_fetch_register_key, data); |
| </script> |
| </body> |
