summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/service-workers/service-worker/fetch-waits-for-activate.https.html
blob: 304680c97e63f55c80abb1827e2e67a0ab8e1749 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<title>Service Worker: Fetch Event Waits for Activate Event</title>
<meta name=timeout content=long>
<script src="/resources/testharness.js"></script>
<script src="resources/testharness-helpers.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/get-host-info.sub.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<body>
<script>

var worker = 'resources/fetch-waits-for-activate-worker.js';
var expected_url = normalizeURL(worker);
var scope = 'resources/fetch-waits-for-activate/';

async_test(function(t) {
  var registration;
  var frameLoadPromise;
  var frame;
  service_worker_unregister_and_register(t, worker, scope).then(function(reg) {
    registration = reg;
    return wait_for_state(t, reg.installing, 'activating');
  }).then(function() {
    assert_equals(registration.active.scriptURL, expected_url,
                  'active worker should be present');
    assert_equals(registration.active.state, 'activating',
                  'active worker should be in activating state');

    // This should block until we message the worker to tell it to complete
    // the activate event.
    frameLoadPromise = with_iframe(scope).then(function(f) {
      frame = f;
    });

    // Wait some time to allow frame loading to proceed.  It should not,
    // however, if the fetch event is blocked on the activate.  I don't
    // see any way to force this race without a timeout, unfortunately.
    return new Promise(function(resolve) {
      setTimeout(resolve, 1000);
    });
  }).then(function() {
    assert_equals(frame, undefined, 'frame should not be loaded');
    assert_equals(registration.active.scriptURL, expected_url,
                  'active worker should be present');
    assert_equals(registration.active.state, 'activating',
                  'active worker should be in activating state');

    // This signals the activate event to complete.  The frame should now
    // load.
    registration.active.postMessage('GO');
    return frameLoadPromise;
  }).then(function() {
    assert_equals(frame.contentWindow.navigator.serviceWorker.controller.scriptURL,
                  expected_url, 'frame should now be loaded and controlled');
    assert_equals(registration.active.state, 'activated',
                  'active worker should be in activated state');
    frame.remove();
    return service_worker_unregister_and_done(t, scope);
  }).catch(unreached_rejection(t));
}, 'Fetch events should wait for the activate event to complete.');

</script>
</body>