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