summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/fenced-frame/resources/background-fetch-sw-inner.https.html
blob: 78e58e5bbf5e4f17ced8c264762d6a32815c6950 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!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>