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