| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Service Worker: postMessage to Client</title> | 2 <title>Service Worker: postMessage to Client</title> |
| 3 <script src="/resources/testharness.js"></script> | 3 <script src="/resources/testharness.js"></script> |
| 4 <script src="/resources/testharnessreport.js"></script> | 4 <script src="/resources/testharnessreport.js"></script> |
| 5 <script src="/common/get-host-info.sub.js"></script> | 5 <script src="/common/get-host-info.sub.js"></script> |
| 6 <script src="resources/test-helpers.sub.js"></script> | 6 <script src="resources/test-helpers.sub.js"></script> |
| 7 <script> | 7 <script> |
| 8 var frame; | 8 promise_test(t => { |
| 9 var t = async_test('postMessage from ServiceWorker to Client'); | 9 var script = 'resources/postmessage-to-client-worker.js'; |
| 10 t.step(function() { | |
| 11 var scope = 'resources/blank.html'; | 10 var scope = 'resources/blank.html'; |
| 12 var host_info = get_host_info(); | 11 var w; |
| 13 var sw; | 12 |
| 14 service_worker_unregister_and_register( | 13 return service_worker_unregister_and_register(t, script, scope) |
| 15 t, 'resources/postmessage-to-client-worker.js', scope) | 14 .then(registration => { |
| 16 .then(function(registration) { | 15 t.add_cleanup(() => registration.unregister()); |
| 17 return wait_for_state(t, registration.installing, 'activated'); | 16 return wait_for_state(t, registration.installing, 'activated'); |
| 18 }) | 17 }) |
| 19 .then(function() { return with_iframe(scope); }) | 18 .then(() => with_iframe(scope)) |
| 20 .then(function(f) { | 19 .then(frame => { |
| 21 frame = f; | 20 t.add_cleanup(() => frame.remove()); |
| 22 sw = frame.contentWindow.navigator.serviceWorker; | 21 |
| 23 sw.onmessage = t.step_func(onMessage); | 22 return new Promise(resolve => { |
| 24 sw.controller.postMessage('ping'); | 23 w = frame.contentWindow; |
| 24 w.navigator.serviceWorker.onmessage = resolve; |
| 25 w.navigator.serviceWorker.controller.postMessage('ping'); |
| 26 }); |
| 25 }) | 27 }) |
| 26 .catch(unreached_rejection(t)); | 28 .then(e => { |
| 27 | 29 var message = e.data; |
| 28 var result = []; | 30 assert_equals(e.constructor, w.MessageEvent, |
| 29 var expected = ['Sending message via clients']; | 31 'message events should use MessageEvent interface.'); |
| 30 | 32 assert_equals(e.type, 'message', 'type should be "message".'); |
| 31 function onMessage(e) { | 33 assert_equals(e.bubbles, false, 'message events should not bubble.'); |
| 32 assert_equals(e.constructor, frame.contentWindow.MessageEvent, | 34 assert_equals(e.cancelable, false, |
| 33 'message events should use MessageEvent interface.'); | 35 'message events should not be cancelable.'); |
| 34 assert_equals(e.bubbles, false, 'message events should not bubble.'); | 36 assert_equals( |
| 35 assert_equals(e.cancelable, false, | 37 e.origin, location.origin, |
| 36 'message events should not be cancelable.'); | 38 'origin of message should be origin of Service Worker.'); |
| 37 assert_equals(e.origin, host_info['HTTPS_ORIGIN'], | 39 assert_equals(e.lastEventId, '', |
| 38 'message event\'s origin should be set correctly.'); | 40 'lastEventId should be an empty string.'); |
| 39 assert_equals(e.source, sw.controller, 'source should be ServiceWorker.'); | 41 assert_equals(e.source.constructor, w.ServiceWorker, |
| 40 | 42 'source should use ServiceWorker interface.'); |
| 41 var message = e.data; | 43 assert_equals( |
| 42 if (message === 'quit') { | 44 e.source, w.navigator.serviceWorker.controller, |
| 43 assert_array_equals(result, expected, | 45 'source should be the service worker that sent the message.'); |
| 44 'Worker should post back expected messages.'); | 46 assert_equals(e.ports.length, 0, 'ports should be an empty array.'); |
| 45 frame.remove(); | 47 assert_equals(message, 'Sending message via clients'); |
| 46 service_worker_unregister_and_done(t, scope); | 48 return new Promise(resolve => { |
| 47 } else { | 49 w.navigator.serviceWorker.onmessage = resolve; |
| 48 result.push(message); | 50 }); |
| 49 } | 51 }) |
| 50 } | 52 .then(e => { assert_equals(e.data, 'quit'); }); |
| 51 }); | 53 }, 'postMessage from ServiceWorker to Client.'); |
| 52 </script> | 54 </script> |
| OLD | NEW |