postmessage-to-client.https.html (1962B)
1 <!DOCTYPE html> 2 <title>Service Worker: postMessage to Client</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/common/get-host-info.sub.js"></script> 6 <script src="resources/test-helpers.sub.js"></script> 7 <script> 8 promise_test(async t => { 9 const script = 'resources/postmessage-to-client-worker.js'; 10 const scope = 'resources/blank.html'; 11 12 const registration = 13 await service_worker_unregister_and_register(t, script, scope); 14 t.add_cleanup(() => registration.unregister()); 15 await wait_for_state(t, registration.installing, 'activated'); 16 const frame = await with_iframe(scope); 17 t.add_cleanup(() => frame.remove()); 18 const w = frame.contentWindow; 19 20 w.navigator.serviceWorker.controller.postMessage('ping'); 21 let e = await new Promise(r => w.navigator.serviceWorker.onmessage = r); 22 23 assert_equals(e.constructor, w.MessageEvent, 24 'message events should use MessageEvent interface.'); 25 assert_equals(e.type, 'message', 'type should be "message".'); 26 assert_false(e.bubbles, 'message events should not bubble.'); 27 assert_false(e.cancelable, 'message events should not be cancelable.'); 28 assert_equals(e.origin, location.origin, 29 'origin of message should be origin of Service Worker.'); 30 assert_equals(e.lastEventId, '', 31 'lastEventId should be an empty string.'); 32 assert_equals(e.source.constructor, w.ServiceWorker, 33 'source should use ServiceWorker interface.'); 34 assert_equals(e.source, w.navigator.serviceWorker.controller, 35 'source should be the service worker that sent the message.'); 36 assert_equals(e.ports.length, 0, 'ports should be an empty array.'); 37 assert_equals(e.data, 'Sending message via clients'); 38 39 e = await new Promise(r => w.navigator.serviceWorker.onmessage = r); 40 assert_equals(e.data, 'quit'); 41 }, 'postMessage from ServiceWorker to Client.'); 42 </script>