restriction-background-fetch.https.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /speculation-rules/prerender/restriction-background-fetch.https.html?target_hint=_blank - WPT Dashboard Interop Dashboard
- /speculation-rules/prerender/restriction-background-fetch.https.html?target_hint=_self - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Access to the Background Fetch API is deferred</title>

<meta name="variant" content="?target_hint=_self">

<meta name="variant" content="?target_hint=_blank">

<meta name="timeout" content="long">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/resources/testdriver.js"></script>

<script src="/resources/testdriver-vendor.js"></script>

<script src="/common/utils.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());

promise_test(async t => {

  const uid = token();

  const bc = new PrerenderChannel('test-channel', uid);

  t.add_cleanup(_ => bc.close());

  // We grant the permission here to make a more discerning test because

  // backgroundFetch.fetch() waits until the permission is granted, which

  // is deferred during prerendering so the test would trivially pass without

  // the permission.

  await test_driver.set_permission({ name: "background-fetch" }, "granted");

  const gotMessage = new Promise(resolve => {

    bc.addEventListener('message', e => {

      resolve(e.data);

    }, {

      once: true

});

});

  // Install the service worker first to test backgroundFetch.fetch in the

  // prerendering page.

  const scope = 'resources/';

  const script = 'resources/do-nothing-worker.js';

  const registration =

      await service_worker_unregister_and_register(t, script, scope);

  t.add_cleanup(() => registration.unregister());

  await wait_for_state(t, registration.installing, 'activated');

  const url = `resources/background-fetch.https.html?uid=${uid}&target_hint=${getTargetHint()}`;

  window.open(url, '_blank', 'noopener');

  const result = await gotMessage;

  const expected = [

    {event: 'started waiting backgroundFetch.fetch',    prerendering: true},

    {event: 'prerendering change',                      prerendering: false},

    {event: 'finished waiting backgroundFetch.fetch',   prerendering: false},

];

  assert_equals(result.length, expected.length);

  for (let i = 0; i < result.length; i++) {

    assert_equals(result[i].event, expected[i].event, `event[${i}]`);

    assert_equals(result[i].prerendering, expected[i].prerendering,

      `prerendering[${i}]`);

  // Send a close signal to PrerenderEventCollector on the prerendered page.

  new PrerenderChannel('close', uid).postMessage('');

}, `The access to the Background Fetch API should be deferred until the

    prerendered page is activated`);

</script>