<!DOCTYPE html>
<title>Service Worker: postMessage to Client</title>
<script src="/resources/testharness.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>
<script>
promise_test(async t => {
  const script = 'resources/postmessage-to-client-worker.js';
  const scope = 'resources/blank.html';

  const registration =
      await service_worker_unregister_and_register(t, script, scope);
  t.add_cleanup(() => registration.unregister());
  await wait_for_state(t, registration.installing, 'activated');
  const frame = await with_iframe(scope);
  t.add_cleanup(() => frame.remove());
  const w = frame.contentWindow;

  w.navigator.serviceWorker.controller.postMessage('ping');
  let e = await new Promise(r => w.navigator.serviceWorker.onmessage = r);

  assert_equals(e.constructor, w.MessageEvent,
                'message events should use MessageEvent interface.');
  assert_equals(e.type, 'message', 'type should be "message".');
  assert_false(e.bubbles, 'message events should not bubble.');
  assert_false(e.cancelable, 'message events should not be cancelable.');
  assert_equals(e.origin, location.origin,
                'origin of message should be origin of Service Worker.');
  assert_equals(e.lastEventId, '',
                'lastEventId should be an empty string.');
  assert_equals(e.source.constructor, w.ServiceWorker,
                'source should use ServiceWorker interface.');
  assert_equals(e.source, w.navigator.serviceWorker.controller,
                'source should be the service worker that sent the message.');
  assert_equals(e.ports.length, 0, 'ports should be an empty array.');
  assert_equals(e.data, 'Sending message via clients');

  e = await new Promise(r => w.navigator.serviceWorker.onmessage = r);
  assert_equals(e.data, 'quit');
}, 'postMessage from ServiceWorker to Client.');
</script>