Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /service-workers/service-worker/postmessage-msgport-to-client.https.html - WPT Dashboard Interop Dashboard
<!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>