<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!
DOCTYPE HTML>
<
html>
<
head>
<
title>Bug 1130684 - Test service worker clients claim onactivate </
title>
<
script src=
"/tests/SimpleTest/SimpleTest.js"></
script>
<
link rel=
"stylesheet" type=
"text/css" href=
"/tests/SimpleTest/test.css" />
</
head>
<
body>
<p id=
"display"></p>
<
div id=
"content" style=
"display: none"></
div>
<
pre id=
"test"></
pre>
<
script class=
"testbody" type=
"text/javascript">
var registration_1;
var registration_2;
var client;
function register_1() {
return navigator.serviceWorker.register(
"claim_worker_1.js",
{ scope:
"./" })
.then((swr) => registration_1 = swr);
}
function register_2() {
return navigator.serviceWorker.register(
"claim_worker_2.js",
{ scope:
"./claim_clients/client.html" })
.then((swr) => registration_2 = swr);
}
function unregister(reg) {
return reg.unregister().then(function(result) {
ok(result,
"Unregister should return true.");
});
}
function createClient() {
var p = new Promise(function(res, rej) {
window.onmessage = function(e) {
if (e.data ===
"READY") {
res();
}
}
});
content = document.getElementById(
"content");
ok(content,
"parent exists.");
client = document.createElement(
"iframe");
client.setAttribute(
'src',
"claim_clients/client.html");
content.appendChild(client);
return p;
}
function testController() {
ok(navigator.serviceWorker.controller.scriptURL.match(
"claim_worker_1"),
"Controlling service worker has the correct url.");
}
function testClientWasClaimed(expected) {
var resolveClientMessage, resolveClientControllerChange;
var messageFromClient = new Promise(function(res, rej) {
resolveClientMessage = res;
});
var controllerChangeFromClient = new Promise(function(res, rej) {
resolveClientControllerChange = res;
});
window.onmessage = function(e) {
if (!e.data.event) {
ok(false,
"Unknown message received: " + e.data);
}
if (e.data.event ===
"controllerchange") {
ok(e.data.controller,
"Client was claimed and received controllerchange event.");
resolveClientControllerChange();
}
if (e.data.event ===
"message") {
ok(e.data.data.resolve_value === undefined,
"Claim should resolve with undefined.");
ok(e.data.data.message === expected.message,
"Client received message from claiming worker.");
ok(e.data.data.match_count_before === expected.match_count_before,
"MatchAll clients count before claim should be " + expected.match_count_before);
ok(e.data.data.match_count_after === expected.match_count_after,
"MatchAll clients count after claim should be " + expected.match_count_after);
resolveClientMessage();
}
}
return Promise.all([messageFromClient, controllerChangeFromClient])
.then(() => window.onmessage = null);
}
function testClaimFirstWorker() {
// wait for the worker to control us
var controllerChange = new Promise(function(res, rej) {
navigator.serviceWorker.oncontrollerchange = function(e) {
ok(true,
"controller changed event received.");
res();
};
});
var messageFromWorker = new Promise(function(res, rej) {
navigator.serviceWorker.onmessage = function(e) {
ok(e.data.resolve_value === undefined,
"Claim should resolve with undefined.");
ok(e.data.message ===
"claim_worker_1",
"Received message from claiming worker.");
ok(e.data.match_count_before === 0,
"Worker doesn't control any client before claim.");
ok(e.data.match_count_after === 2,
"Worker should claim 2 clients.");
res();
}
});
var clientClaim = testClientWasClaimed({
message:
"claim_worker_1",
match_count_before: 0,
match_count_after: 2
});
return Promise.all([controllerChange, messageFromWorker, clientClaim])
.then(testController);
}
function testClaimSecondWorker() {
navigator.serviceWorker.oncontrollerchange = function(e) {
ok(false,
"Claim_worker_2 shouldn't claim this window.");
}
navigator.serviceWorker.onmessage = function(e) {
ok(false,
"Claim_worker_2 shouldn't claim this window.");
}
var clientClaim = testClientWasClaimed({
message:
"claim_worker_2",
match_count_before: 0,
match_count_after: 1
});
return clientClaim.then(testController);
}
function runTest() {
createClient()
.then(register_1)
.then(testClaimFirstWorker)
.then(register_2)
.then(testClaimSecondWorker)
.then(function() { return unregister(registration_1); })
.then(function() { return unregister(registration_2); })
.catch(function(e) {
ok(false,
"Some test failed with error " + e);
}).then(SimpleTest.finish);
}
SimpleTest.waitForExplicitFinish();
SpecialPowers.pushPrefEnv({
"set": [
[
"dom.serviceWorkers.exemptFromPerDomainMax", true],
[
"dom.serviceWorkers.enabled", true],
[
"dom.serviceWorkers.testing.enabled", true]
]}, runTest);
</
script>
</
pre>
</
body>
</
html>