Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /service-workers/service-worker/client-id.https.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Service Worker: Client.id</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/blank.html?client-id';
var frame1, frame2;
promise_test(function(t) {
return service_worker_unregister_and_register(
t, 'resources/client-id-worker.js', scope)
.then(function(registration) {
t.add_cleanup(function() {
return service_worker_unregister(t, scope);
});
return wait_for_state(t, registration.installing, 'activated');
})
.then(function() { return with_iframe(scope + '#1'); })
.then(function(f) {
frame1 = f;
// To be sure Clients.matchAll() iterates in the same order.
f.focus();
return with_iframe(scope + '#2');
})
.then(function(f) {
frame2 = f;
var channel = new MessageChannel();
return new Promise(function(resolve, reject) {
channel.port1.onmessage = resolve;
channel.port1.onmessageerror = reject;
f.contentWindow.navigator.serviceWorker.controller.postMessage(
{port:channel.port2}, [channel.port2]);
});
})
.then(on_message);
}, 'Client.id returns the client\'s ID.');
function on_message(e) {
// The result of two sequential clients.matchAll() calls in the SW.
// 1st matchAll() results in e.data[0], e.data[1].
// 2nd matchAll() results in e.data[2], e.data[3].
assert_equals(e.data.length, 4);
// All should be string values.
assert_equals(typeof e.data[0], 'string');
assert_equals(typeof e.data[1], 'string');
assert_equals(typeof e.data[2], 'string');
assert_equals(typeof e.data[3], 'string');
// Different clients should have different ids.
assert_not_equals(e.data[0], e.data[1]);
assert_not_equals(e.data[2], e.data[3]);
// Same clients should have an identical id.
assert_equals(e.data[0], e.data[2]);
assert_equals(e.data[1], e.data[3]);
frame1.remove();
frame2.remove();
}
</script>