<!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>