<!DOCTYPE html>
<title>Service Worker: Clients.get with window and worker clients</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<script>
var scope = 'resources/clients-get-client-types';
var frame_url = scope + '-frame.html';
var shared_worker_url = scope + '-shared-worker.js';
var worker_url = scope + '-worker.js';
var client_ids = [];
var registration;
var frame;
promise_test(function(t) {
return service_worker_unregister_and_register(
t, 'resources/clients-get-worker.js', scope)
.then(function(r) {
registration = r;
add_completion_callback(function() { registration.unregister(); });
return wait_for_state(t, registration.installing, 'activated');
})
.then(function() {
return with_iframe(frame_url);
})
.then(function(f) {
frame = f;
add_completion_callback(function() { frame.remove(); });
frame.focus();
return wait_for_clientId();
})
.then(function(client_id) {
client_ids.push(client_id);
return new Promise(function(resolve) {
var w = new SharedWorker(shared_worker_url);
w.port.onmessage = function(e) {
resolve(e.data.clientId);
};
});
})
.then(function(client_id) {
client_ids.push(client_id);
var channel = new MessageChannel();
var w = new Worker(worker_url);
w.postMessage({cmd:'GetClientId', port:channel.port2},
[channel.port2]);
return new Promise(function(resolve) {
channel.port1.onmessage = function(e) {
resolve(e.data.clientId);
};
});
})
.then(function(client_id) {
client_ids.push(client_id);
var channel = new MessageChannel();
frame.contentWindow.postMessage('StartWorker', '*', [channel.port2]);
return new Promise(function(resolve) {
channel.port1.onmessage = function(e) {
resolve(e.data.clientId);
};
});
})
.then(function(client_id) {
client_ids.push(client_id);
var saw_message = new Promise(function(resolve) {
navigator.serviceWorker.onmessage = resolve;
});
registration.active.postMessage({clientIds: client_ids});
return saw_message;
})
.then(function(e) {
assert_equals(e.data.length, expected.length);
// We use these assert_not_equals because assert_array_equals doesn't
// print the error description when passed an undefined value.
assert_not_equals(e.data[0], undefined,
'Window client should not be undefined');
assert_array_equals(e.data[0], expected[0], 'Window client');
assert_not_equals(e.data[1], undefined,
'Shared worker client should not be undefined');
assert_array_equals(e.data[1], expected[1], 'Shared worker client');
assert_not_equals(e.data[2], undefined,
'Worker(Started by main frame) client should not be undefined');
assert_array_equals(e.data[2], expected[2],
'Worker(Started by main frame) client');
assert_not_equals(e.data[3], undefined,
'Worker(Started by sub frame) client should not be undefined');
assert_array_equals(e.data[3], expected[3],
'Worker(Started by sub frame) client');
});
}, 'Test Clients.get() with window and worker clients');
function wait_for_clientId() {
return new Promise(function(resolve) {
function get_client_id(e) {
window.removeEventListener('message', get_client_id);
resolve(e.data.clientId);
}
window.addEventListener('message', get_client_id, false);
});
}
var expected = [
// visibilityState, focused, url, type, frameType
['visible', true, normalizeURL(scope) + '-frame.html', 'window', 'nested'],
[undefined, undefined, normalizeURL(scope) + '-shared-worker.js', 'sharedworker', 'none'],
[undefined, undefined, normalizeURL(scope) + '-worker.js', 'worker', 'none'],
[undefined, undefined, normalizeURL(scope) + '-frame-worker.js', 'worker', 'none']
];
</script>
Codebase Browser
chromium