<!DOCTYPE html>
<title>Service Worker: postMessage from waiting serviceworker</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<script>
function echo(worker, data) {
return new Promise(resolve => {
navigator.serviceWorker.addEventListener('message', function onMsg(evt) {
navigator.serviceWorker.removeEventListener('message', onMsg);
resolve(evt);
});
worker.postMessage(data);
});
}
promise_test(t => {
let script = 'resources/echo-message-to-source-worker.js';
let scope = 'resources/client-postmessage-from-wait-serviceworker';
let registration;
let frame;
return service_worker_unregister_and_register(t, script, scope)
.then(swr => {
t.add_cleanup(() => service_worker_unregister(t, scope));
registration = swr;
return wait_for_state(t, registration.installing, 'activated');
}).then(_ => {
return with_iframe(scope);
}).then(f => {
frame = f;
return navigator.serviceWorker.register(script + '?update', { scope: scope })
}).then(swr => {
assert_equals(swr, registration, 'should be same registration');
return wait_for_state(t, registration.installing, 'installed');
}).then(_ => {
return echo(registration.waiting, 'waiting');
}).then(evt => {
assert_equals(evt.source, registration.waiting,
'message event source should be correct');
return echo(registration.active, 'active');
}).then(evt => {
assert_equals(evt.source, registration.active,
'message event source should be correct');
frame.remove();
});
}, 'Client.postMessage() from waiting serviceworker.');
</script>