postmessage-msgport-to-client.https.html (1702B)
1 <!DOCTYPE html> 2 <title>Service Worker: postMessage via MessagePort to Client</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="resources/test-helpers.sub.js"></script> 6 <script> 7 promise_test(t => { 8 var script = 'resources/postmessage-msgport-to-client-worker.js'; 9 var scope = 'resources/blank.html'; 10 var port; 11 12 return service_worker_unregister_and_register(t, script, scope) 13 .then(registration => { 14 add_completion_callback(() => registration.unregister()); 15 return wait_for_state(t, registration.installing, 'activated'); 16 }) 17 .then(() => with_iframe(scope)) 18 .then(frame => { 19 t.add_cleanup(() => frame.remove()); 20 return new Promise(resolve => { 21 var w = frame.contentWindow; 22 w.navigator.serviceWorker.onmessage = resolve; 23 w.navigator.serviceWorker.controller.postMessage('ping'); 24 }); 25 }) 26 .then(e => { 27 port = e.ports[0]; 28 port.postMessage({value: 1}); 29 port.postMessage({value: 2}); 30 port.postMessage({done: true}); 31 return new Promise(resolve => { port.onmessage = resolve; }); 32 }) 33 .then(e => { 34 assert_equals(e.data.ack, 'Acking value: 1'); 35 return new Promise(resolve => { port.onmessage = resolve; }); 36 }) 37 .then(e => { 38 assert_equals(e.data.ack, 'Acking value: 2'); 39 return new Promise(resolve => { port.onmessage = resolve; }); 40 }) 41 .then(e => { assert_true(e.data.done, 'done'); }); 42 }, 'postMessage MessagePorts from ServiceWorker to Client'); 43 </script>