summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/service-workers/service-worker/postmessage-msgport-to-client.https.html
blob: 29c056080c79d581975e0929dcebd84d63b86a20 (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
<!DOCTYPE html>
<title>Service Worker: postMessage via MessagePort to Client</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<script>
promise_test(t => {
    var script = 'resources/postmessage-msgport-to-client-worker.js';
    var scope = 'resources/blank.html';
    var port;

    return service_worker_unregister_and_register(t, script, scope)
      .then(registration => {
          add_completion_callback(() => registration.unregister());
          return wait_for_state(t, registration.installing, 'activated');
        })
      .then(() => with_iframe(scope))
      .then(frame => {
          t.add_cleanup(() => frame.remove());
          return new Promise(resolve => {
              var w = frame.contentWindow;
              w.navigator.serviceWorker.onmessage = resolve;
              w.navigator.serviceWorker.controller.postMessage('ping');
            });
        })
      .then(e => {
          port = e.ports[0];
          port.postMessage({value: 1});
          port.postMessage({value: 2});
          port.postMessage({done: true});
          return new Promise(resolve => { port.onmessage = resolve; });
        })
      .then(e => {
          assert_equals(e.data.ack, 'Acking value: 1');
          return new Promise(resolve => { port.onmessage = resolve; });
        })
      .then(e => {
          assert_equals(e.data.ack, 'Acking value: 2');
          return new Promise(resolve => { port.onmessage = resolve; });
        })
      .then(e => { assert_true(e.data.done, 'done'); });
  }, 'postMessage MessagePorts from ServiceWorker to Client');
</script>