moebius#217: WebExtensions - Implemented "runtime.onMessageExternal"/"onConnectExternal"

https://github.com/MoonchildProductions/moebius/pull/217
This commit is contained in:
janekptacijarabaci 2018-04-20 17:39:09 +02:00 • committed by Roy Tam
commit 7cc4a8fa98
11 changed files with 262 additions and 42 deletions

View file

@ -59,6 +59,7 @@ skip-if = os == 'android' # Android does not support tabs API. Bug 1260250
[test_ext_contentscript_teardown.html]
skip-if = (os == 'android') # Android does not support tabs API. Bug 1260250
[test_ext_exclude_include_globs.html]
[test_ext_external_messaging.html]
[test_ext_i18n_css.html]
[test_ext_generate.html]
[test_ext_notifications.html]

View file

@ -75,7 +75,9 @@ let expectedBackgroundApis = [
"runtime.getBackgroundPage",
"runtime.getBrowserInfo",
"runtime.getPlatformInfo",
"runtime.onConnectExternal",
"runtime.onInstalled",
"runtime.onMessageExternal",
"runtime.onStartup",
"runtime.onUpdateAvailable",
"runtime.openOptionsPage",

View file

@ -0,0 +1,111 @@
<!DOCTYPE HTML>
<html>
<head>
<title>WebExtension external messaging</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="/tests/SimpleTest/SpawnTask.js"></script>
<script type="text/javascript" src="/tests/SimpleTest/ExtensionTestUtils.js"></script>
<script type="text/javascript" src="head.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<script type="text/javascript">
"use strict";
function backgroundScript(id, otherId) {
browser.runtime.onMessage.addListener((msg, sender) => {
browser.test.fail(`Got unexpected message: ${uneval(msg)} ${uneval(sender)}`);
});
browser.runtime.onConnect.addListener(port => {
browser.test.fail(`Got unexpected connection: ${uneval(port.sender)}`);
});
browser.runtime.onMessageExternal.addListener((msg, sender) => {
browser.test.assertEq(otherId, sender.id, `${id}: Got expected external sender ID`);
browser.test.assertEq(`helo-${id}`, msg, "Got expected message");
browser.test.sendMessage("onMessage-done");
return Promise.resolve(`ehlo-${otherId}`);
});
browser.runtime.onConnectExternal.addListener(port => {
browser.test.assertEq(otherId, port.sender.id, `${id}: Got expected external connecter ID`);
port.onMessage.addListener(msg => {
browser.test.assertEq(`helo-${id}`, msg, "Got expected port message");
port.postMessage(`ehlo-${otherId}`);
browser.test.sendMessage("onConnect-done");
});
});
browser.test.onMessage.addListener(msg => {
if (msg === "go") {
browser.runtime.sendMessage(otherId, `helo-${otherId}`).then(result => {
browser.test.assertEq(`ehlo-${id}`, result, "Got expected reply");
browser.test.sendMessage("sendMessage-done");
});
let port = browser.runtime.connect(otherId);
port.postMessage(`helo-${otherId}`);
port.onMessage.addListener(msg => {
port.disconnect();
browser.test.assertEq(msg, `ehlo-${id}`, "Got expected port reply");
browser.test.sendMessage("connect-done");
});
}
});
}
function makeExtension(id, otherId) {
let args = `${JSON.stringify(id)}, ${JSON.stringify(otherId)}`;
let extensionData = {
background: `(${backgroundScript})(${args})`,
manifest: {
"applications": {"gecko": {id}},
},
};
return ExtensionTestUtils.loadExtension(extensionData);
}
add_task(function* test_contentscript() {
const ID1 = "foo-message@mochitest.mozilla.org";
const ID2 = "bar-message@mochitest.mozilla.org";
let extension1 = makeExtension(ID1, ID2);
let extension2 = makeExtension(ID2, ID1);
yield Promise.all([extension1.startup(), extension2.startup()]);
extension1.sendMessage("go");
extension2.sendMessage("go");
yield Promise.all([
extension1.awaitMessage("sendMessage-done"),
extension2.awaitMessage("sendMessage-done"),
extension1.awaitMessage("onMessage-done"),
extension2.awaitMessage("onMessage-done"),
extension1.awaitMessage("connect-done"),
extension2.awaitMessage("connect-done"),
extension1.awaitMessage("onConnect-done"),
extension2.awaitMessage("onConnect-done"),
]);
yield extension1.unload();
yield extension2.unload();
});
</script>
</body>
</html>

View file

@ -13,48 +13,119 @@
<script type="text/javascript">
"use strict";
function backgroundScript(token) {
browser.runtime.onMessage.addListener((msg, sender, sendReply) => {
browser.test.assertTrue(sender.tab.url.endsWith("file_sample.html"), "sender url correct");
function backgroundScript(token, id, otherId) {
browser.tabs.create({url: "tab.html"});
if (msg == "done") {
browser.test.notifyPass("sendmessage_reply");
browser.runtime.onMessage.addListener((msg, sender, sendReply) => {
browser.test.assertEq(id, sender.id, `${id}: Got expected sender ID`);
if (msg === `content-${token}`) {
browser.test.assertTrue(sender.tab.url.endsWith("file_sample.html"),
`${id}: sender url correct`);
let tabId = sender.tab.id;
browser.tabs.sendMessage(tabId, `${token}-contentMessage`);
sendReply(`${token}-done`);
} else if (msg === `tab-${token}`) {
browser.runtime.sendMessage(otherId, `${otherId}-tabMessage`);
browser.runtime.sendMessage(`${token}-tabMessage`);
sendReply(`${token}-done`);
} else {
browser.test.fail(`${id}: Unexpected runtime message received: ${msg} ${uneval(sender)}`);
}
});
browser.runtime.onMessageExternal.addListener((msg, sender, sendReply) => {
browser.test.assertEq(otherId, sender.id, `${id}: Got expected external sender ID`);
if (msg === `content-${id}`) {
browser.test.assertTrue(sender.tab.url.endsWith("file_sample.html"),
`${id}: external sender url correct`);
sendReply(`${otherId}-done`);
} else if (msg === `tab-${id}`) {
sendReply(`${otherId}-done`);
} else if (msg !== `${id}-tabMessage`) {
browser.test.fail(`${id}: Unexpected runtime external message received: ${msg} ${uneval(sender)}`);
}
});
}
function contentScript(token, id, otherId) {
let gotContentMessage = false;
browser.runtime.onMessage.addListener((msg, sender, sendReply) => {
browser.test.assertEq(id, sender.id, `${id}: Got expected sender ID`);
browser.test.assertEq(`${token}-contentMessage`, msg,
`${id}: Correct content script message`);
if (msg === `${token}-contentMessage`) {
gotContentMessage = true;
}
});
Promise.all([
browser.runtime.sendMessage(otherId, `content-${otherId}`).then(resp => {
browser.test.assertEq(`${id}-done`, resp, `${id}: Correct content script external response token`);
}),
browser.runtime.sendMessage(`content-${token}`).then(resp => {
browser.test.assertEq(`${token}-done`, resp, `${id}: Correct content script response token`);
}),
]).then(() => {
browser.test.assertTrue(gotContentMessage, `${id}: Got content script message`);
browser.test.sendMessage("content-script-done");
});
}
function tabScript(token, id, otherId) {
let gotTabMessage = false;
browser.runtime.onMessage.addListener((msg, sender, sendReply) => {
browser.test.assertEq(id, sender.id, `${id}: Got expected sender ID`);
if (String(msg).startsWith("content-")) {
return;
}
let tabId = sender.tab.id;
browser.tabs.sendMessage(tabId, `${token}-tabMessage`);
browser.test.assertEq(msg, token, "token matches");
sendReply(`${token}-done`);
});
}
function contentScript(token) {
let gotTabMessage = false;
let badTabMessage = false;
browser.runtime.onMessage.addListener((msg, sender, sendReply) => {
if (msg == `${token}-tabMessage`) {
browser.test.assertEq(`${token}-tabMessage`, msg,
`${id}: Correct tab script message`);
if (msg === `${token}-tabMessage`) {
gotTabMessage = true;
} else {
badTabMessage = true;
}
});
browser.runtime.sendMessage(token, function(resp) {
if (resp != `${token}-done` || !gotTabMessage || badTabMessage) {
return; // test failed
}
browser.runtime.sendMessage("done");
Promise.all([
browser.runtime.sendMessage(otherId, `tab-${otherId}`).then(resp => {
browser.test.assertEq(`${id}-done`, resp, `${id}: Correct tab script external response token`);
}),
browser.runtime.sendMessage(`tab-${token}`).then(resp => {
browser.test.assertEq(`${token}-done`, resp, `${id}: Correct tab script response token`);
}),
]).then(() => {
browser.test.assertTrue(gotTabMessage, `${id}: Got tab script message`);
window.close();
browser.test.sendMessage("tab-script-done");
});
}
function makeExtension() {
function makeExtension(id, otherId) {
let token = Math.random();
let args = `${token}, ${JSON.stringify(id)}, ${JSON.stringify(otherId)}`;
let extensionData = {
background: `(${backgroundScript})(${token})`,
background: `(${backgroundScript})(${args})`,
manifest: {
"applications": {"gecko": {id}},
"permissions": ["tabs"],
"content_scripts": [{
"matches": ["http://mochi.test/*/file_sample.html"],
"js": ["content_script.js"],
@ -63,29 +134,46 @@ function makeExtension() {
},
files: {
"content_script.js": `(${contentScript})(${token})`,
"tab.html": `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="tab.js"><\/script>
</head>
</html>`,
"tab.js": `(${tabScript})(${args})`,
"content_script.js": `(${contentScript})(${args})`,
},
};
return extensionData;
}
add_task(function* test_contentscript() {
let extension1 = ExtensionTestUtils.loadExtension(makeExtension());
let extension2 = ExtensionTestUtils.loadExtension(makeExtension());
const ID1 = "sendmessage1@mochitest.mozilla.org";
const ID2 = "sendmessage2@mochitest.mozilla.org";
let extension1 = ExtensionTestUtils.loadExtension(makeExtension(ID1, ID2));
let extension2 = ExtensionTestUtils.loadExtension(makeExtension(ID2, ID1));
yield Promise.all([extension1.startup(), extension2.startup()]);
let win = window.open("file_sample.html");
yield Promise.all([waitForLoad(win),
extension1.awaitFinish("sendmessage_reply"),
extension2.awaitFinish("sendmessage_reply")]);
yield waitForLoad(win);
yield Promise.all([
extension1.awaitMessage("content-script-done"),
extension2.awaitMessage("content-script-done"),
extension1.awaitMessage("tab-script-done"),
extension2.awaitMessage("tab-script-done"),
]);
win.close();
yield extension1.unload();
yield extension2.unload();
info("extensions unloaded");
});
</script>

View file

@ -108,7 +108,7 @@ add_task(function* test_legacy_extension_context() {
"Got the expected message");
ok(msgSender, "Got a message sender object");
equal(msgSender.id, extensionInfo.uuid, "The sender has the expected id property");
equal(msgSender.id, extension.id, "The sender has the expected id property");
equal(msgSender.url, extensionInfo.bgURL, "The sender has the expected url property");
// Wait confirmation that the reply has been received.
@ -136,7 +136,7 @@ add_task(function* test_legacy_extension_context() {
ok(port, "Got the Port API object");
ok(port.sender, "The port has a sender property");
equal(port.sender.id, extensionInfo.uuid,
equal(port.sender.id, extension.id,
"The port sender has the expected id property");
equal(port.sender.url, extensionInfo.bgURL,
"The port sender has the expected url property");