Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE HTML>
<html>
<head>
<title>Example with a service worker</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<h1>Service Worker Tests</h1>
<p>Demonstrates running <tt>testharness</tt> based tests inside a service worker.
<p>The test harness should time out due to one of the tests inside the worker timing out.
<p>This test assumes that the browser supports <a href="http://www.w3.org/TR/service-workers/">ServiceWorkers</a>.
<div id="log"></div>
<script>
test(
function(t) {
assert_true("serviceWorker" in navigator,
"navigator.serviceWorker exists");
},
"Browser supports ServiceWorker");
promise_test(
function() {
// Since the service worker registration could be in an indeterminate
// state (due to, for example, a previous test run failing), we start by
// unregstering our service worker and then registering it again.
var scope = "service-worker-scope";
var worker_url = "worker.js";
return navigator.serviceWorker.register(worker_url, {scope: scope})
.then(
function(registration) {
return registration.unregister();
})
.then(
function() {
return navigator.serviceWorker.register(worker_url, {scope: scope});
})
.then(
function(registration) {
add_completion_callback(
function() {
registration.unregister();
});
return new Promise(
function(resolve) {
registration.addEventListener("updatefound",
function() {
resolve(registration.installing);
});
});
})
.then(
function(worker) {
fetch_tests_from_worker(worker);
});
},
"Register ServiceWorker");
</script>
<script type="text/json" id="expected">
{
"summarized_status": {
"status_string": "TIMEOUT",
"message": null
},
"summarized_tests": [
{
"status_string": "PASS",
"name": "Browser supports ServiceWorker",
"properties": {},
"message": null
},
{
"status_string": "PASS",
"name": "Register ServiceWorker",
"properties": {},
"message": null
},
{
"status_string": "PASS",
"name": "Worker async_test that completes successfully",
"properties": {},
"message": null
},
{
"status_string": "PASS",
"name": "Worker test that completes successfully",
"properties": {},
"message": null
},
{
"status_string": "NOTRUN",
"name": "Worker test that doesn't run ('NOT RUN')",
"properties": {},
"message": null
},
{
"status_string": "FAIL",
"name": "Worker test that fails ('FAIL')",
"properties": {},
"message": "assert_true: Failing test expected true got false"
},
{
"status_string": "TIMEOUT",
"name": "Worker test that times out ('TIMEOUT')",
"properties": {},
"message": "Test timed out"
}
],
"type": "complete"
}
</script>
</body>