<!DOCTYPE HTML> <html> <!-- Test that: 1. waitUntil() waits for each individual promise separately, even if one of them was rejected. 2. waitUntil() can be called asynchronously as long as there is still a pending extension promise. --> <head> <title>Test for Bug 1263304</title> <script src="/tests/SimpleTest/SimpleTest.js"></script> <script src="error_reporting_helpers.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> </head> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1263304">Mozilla Bug 1263304</a> <p id="display"></p> <div id="content" style="display: none"> </div> <pre id="test"> </pre> <script src="utils.js"></script> <script class="testbody" type="text/javascript"> add_task(function setupPrefs() { return SpecialPowers.pushPrefEnv({"set": [ ["dom.serviceWorkers.enabled", true], ["dom.serviceWorkers.testing.enabled", true], ]}); }); function wait_for_message(expected_message) { return new Promise(function(resolve, reject) { navigator.serviceWorker.onmessage = function(event) { navigator.serviceWorker.onmessage = null; ok(event.data === expected_message, "Received expected message event: " + event.data); resolve(); } }); } add_task(async function async_wait_until() { var worker; let registration = await navigator.serviceWorker.register( "async_waituntil_worker.js", { scope: "./"} ) .then(function(reg) { worker = reg.installing; return waitForState(worker, 'activated', reg); }); // The service worker will claim us when it becomes active. ok(navigator.serviceWorker.controller, "Controlled"); // This will make the service worker die immediately if there are no pending // waitUntil promises to keep it alive. await SpecialPowers.pushPrefEnv({"set": [ ["dom.serviceWorkers.idle_timeout", 0], ["dom.serviceWorkers.idle_extended_timeout", 299999]]}); // The service worker will wait on two promises, one of which // will be rejected. We check whether the SW is killed using // the value of a global variable. let waitForStart = wait_for_message("Started"); worker.postMessage("Start"); await waitForStart; await new Promise((res, rej) => { setTimeout(res, 0); }); let waitResult = wait_for_message("Success"); worker.postMessage("Result"); await waitResult; // Test the behaviour of calling waitUntil asynchronously. The important // part is that we receive the message event. let waitForMessage = wait_for_message("Done"); await fetch("doesnt_exist.html").then(() => { ok(true, "Fetch was successful."); }); await waitForMessage; await SpecialPowers.popPrefEnv(); await SpecialPowers.popPrefEnv(); await registration.unregister(); }); </script> </body> </html>