<!DOCTYPE HTML>
<html>
<head>
<title>Example with a service worker</title>
<script src="../testharness.js"></script>
<script src="../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 = "apisample-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>
</body>