зеркало из https://github.com/mozilla/gecko-dev.git
173 строки
5.3 KiB
HTML
173 строки
5.3 KiB
HTML
<!--
|
|
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 type="text/javascript" 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>
|
|
|