service-workers.https.html | Explore in Territory

<!DOCTYPE html>
<title>Service Workers APIs with prerendering</title>
<meta name="timeout" content="long">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script>
<script src="/common/dispatcher/dispatcher.js"></script>
<script src="/service-workers/service-worker/resources/test-helpers.sub.js"></script>
<script src="../resources/utils.js"></script>
<script src="resources/utils.js"></script>

<body>
<script>
setup(() => assertSpeculationRulesIsSupported());

// This delay is to prevent a race condition which can cause false passes -
// a service worker might take some time to install, and if activation is too quick it might
// end up occuring after activation by chance.
const ACTIVATION_DELAY = 500;

promise_test(async t => {
  const reg = await service_worker_unregister_and_register(
    t, "./resources/service-worker.js", `resources/`);

  t.add_cleanup(() => reg.unregister());
  const {exec} = await create_prerendered_page(t);
  const {text, prerendering} = await exec(async () => {
    const text = await (await fetch(`ping`)).text();
    return {text, prerendering: document.prerendering};
  });

  assert_true(prerendering);
  assert_equals(text, 'pong');
}, 'A prerendered page should be able to access an existing Service Worker');

promise_test(async t => {
  const {exec, activate} = await create_prerendered_page(t);
  const scope = `./${token()}/`;
  await exec(async scope => {
    window.serviceWorkerInstalled = new Promise(resolve => {
      navigator.serviceWorker.register('./service-worker.js', {scope})
        .then(reg => {
          reg.unregister();
          resolve({prerendering: document.prerendering});
        });
    });
  }, [scope]);

  await new Promise(resolve => t.step_timeout(resolve, ACTIVATION_DELAY));

  await activate();

  const {prerendering} = await exec(async () => { return await window.serviceWorkerInstalled});
  assert_false(prerendering, 'Service Worker Installation should occur after activation');
}, 'Registering a new service worker from a prerendered page should be delayed');

promise_test(async t => {
  const uid = token();
  const reg = await service_worker_unregister_and_register(
    t, "./resources/service-worker.js", `./resources/${uid}/`);
  t.add_cleanup(() => reg.unregister());

  const {exec, activate} = await create_prerendered_page(t);
  await exec(async uid => {
    window.serviceWorkerUnregistered = (async () => {
      const regs = await navigator.serviceWorker.getRegistrations();
      const reg = regs.find(r => r.scope.includes(uid));
      await reg.unregister();
      return {prerendering: document.prerendering};
    })();
  }, [uid]);

  await new Promise(resolve => t.step_timeout(resolve, ACTIVATION_DELAY));

  await activate();

  const {prerendering} = await exec(() => window.serviceWorkerUnregistered);
  assert_false(prerendering, 'Service Worker deregistration should occur after activation');
}, 'Unregistering an exsiting service worker from a prerendered page should be delayed');

promise_test(async t => {
  const uid = token();
  const reg = await service_worker_unregister_and_register(
    t, "./resources/service-worker.js", `./resources/${uid}/`);
  t.add_cleanup(() => reg.unregister());

  const {exec, activate} = await create_prerendered_page(t);
  await exec(async uid => {
    window.serviceWorkerUpdated = (async () => {
      const regs = await navigator.serviceWorker.getRegistrations();
      const reg = regs.find(r => r.scope.includes(uid));
      await reg.update();
      return {prerendering: document.prerendering};
    })();
  }, [uid]);

  await new Promise(resolve => t.step_timeout(resolve, ACTIVATION_DELAY));

  await activate();

  const {prerendering} = await exec(() => window.serviceWorkerUpdated);
  assert_false(prerendering, 'Service Worker updates should occur after activation');
}, 'Updating an exsiting service worker from a prerendered page should be delayed');

promise_test(async t => {
  const reg = await service_worker_unregister_and_register(
    t, "./resources/service-worker.js", 'resources/');

  t.add_cleanup(() => reg.unregister());
  const {exec} = await create_prerendered_page(t);
  const {clientInfo} = await exec(async () => (await fetch(`client`)).json());
  assert_not_equals(clientInfo.id, null);
  assert_equals(clientInfo.visibilityState, 'hidden');
  assert_equals(clientInfo.focused, false);
}, 'A prerendered page should be accessible as a hidden & unfocused SW client');
</script>
chromium/third_party/blink/web_tests/external/wpt/speculation-rules/prerender/service-workers.https.html
