<!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 sync's register in SW</title>

<body>
<script type="module">
  const [background_sync_register_key] = parseKeylist();
  const searchParams = new URL(location.href).searchParams;
  const method = searchParams.get('method');
  const isPeriodic = searchParams.get('periodic');

  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, isPeriodic});
      navigator.serviceWorker.onmessage = e => {
        resolve(e.data);
      }
    });
  };

  await navigator.serviceWorker.register(
    "background-sync-sw.js", { scope: location.href, type: "module" });
  const data = await sendMessageToServiceWorker();

  writeValueToServer(background_sync_register_key, data);
</script>
</body>
