send-beacon.html - mozsearch

Enable keyboard shortcuts

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

<!DOCTYPE html>

<title>Same-origin prerendering: sendBeacon</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="/common/utils.js"></script>

<script src="/common/dispatcher/dispatcher.js"></script>

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

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

<script>

setup(() => assertSpeculationRulesIsSupported());

promise_test(async t => {

  const STORE_URL = '/speculation-rules/prerender/resources/key-value-store.py';

  // Create a prerendered page.

  const rule_extras = {'target_hint': getTargetHint()};

  const {exec, activate} = await create_prerendered_page(

      t, undefined, undefined, rule_extras);

  // This test will send 3 beacons. Each beacon will be stored with these keys

  // on the server.

  const keys = [token(), token(), token()];

  // Ask the prerendered page to send beacons during prerendering and

  // prerenderingchange.

  await exec(async (store_url, keys) => {

    const url1 = `${store_url}?key=${keys[0]}&value=during-prerendering`;

    navigator.sendBeacon(url1);

    document.onprerenderingchange = _ => {

      const url2 = `${store_url}?key=${keys[1]}&value=onprerenderingchange`;

      navigator.sendBeacon(url2);

};

  }, [STORE_URL, keys]);

  // Wait for the beacon sent during prerendering.

  assert_equals(await nextValueFromServer(keys[0]), 'during-prerendering');

  await activate();

  // Wait for the beacon sent during the prerenderingchange event.

  assert_equals(await nextValueFromServer(keys[1]), 'onprerenderingchange');

  // Ask the activated page to send a beacon.

  await exec(async (store_url, keys) => {

    const url3 = `${store_url}?key=${keys[2]}&value=after-activation`;

    navigator.sendBeacon(url3);

  }, [STORE_URL, keys]);

  // Wait for the beacon sent after activation.

  assert_equals(await nextValueFromServer(keys[2]), 'after-activation');

}, 'Prerendering page should be able to send beacons');

</script>

<body>

</body>