<!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="/common/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/';

promise_test(function(t) {
  var registration;
  var frameLoadPromise;
  var frame;
  return service_worker_unregister_and_register(t, worker, scope).then(function(reg) {
    t.add_cleanup(function() {
      return service_worker_unregister(t, scope);
    });

    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();
  });
}, 'Fetch events should wait for the activate event to complete.');

</script>
</body>