Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tabs executeScript Test</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="/tests/SimpleTest/ExtensionTestUtils.js"></script>
<script type="text/javascript" src="head.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<script type="text/javascript">
"use strict";
add_task(async function testExecuteScript() {
async function background() {
const tasks = [
{
description: "CSS as moz-extension:// url",
background: "rgba(0, 0, 0, 0)",
foreground: "rgb(0, 113, 4)",
promise: () => {
return browser.tabs.insertCSS({
file: "file2.css",
});
},
},
{
description: "CSS as code snippet string",
background: "rgb(42, 42, 42)",
foreground: "rgb(0, 113, 4)",
promise: () => {
return browser.tabs.insertCSS({
code: "* { background: rgb(42, 42, 42) }",
});
},
},
{
description: "last of two author CSS wins",
background: "rgb(42, 42, 42)",
foreground: "rgb(0, 113, 4)",
promise: async () => {
await browser.tabs.insertCSS({
code: "* { background: rgb(100, 100, 100) !important }",
cssOrigin: "author",
});
await browser.tabs.insertCSS({
code: "* { background: rgb(42, 42, 42) !important }",
cssOrigin: "author",
});
},
},
{
description: "user CSS has higher priority",
background: "rgb(100, 100, 100)",
foreground: "rgb(0, 113, 4)",
promise: async () => {
// User has higher importance
await browser.tabs.insertCSS({
code: "* { background: rgb(100, 100, 100) !important }",
cssOrigin: "user",
});
await browser.tabs.insertCSS({
code: "* { background: rgb(42, 42, 42) !important }",
cssOrigin: "author",
});
},
},
];
function checkCSS() {
const computedStyle = window.getComputedStyle(document.body);
return [computedStyle.backgroundColor, computedStyle.color];
}
try {
for (const {background, description, foreground, promise} of tasks) {
browser.test.log(`Run test case: ${description}`);
let result = await promise();
browser.test.assertEq(undefined, result, "Expected callback result");
[result] = await browser.tabs.executeScript({
code: `(${checkCSS})()`,
});
browser.test.assertEq(background, result[0], "Expected background color");
browser.test.assertEq(foreground, result[1], "Expected foreground color");
}
browser.test.notifyPass("insertCSS");
} catch (e) {
browser.test.fail(`Error: ${e} :: ${e.stack}`);
browser.test.notifyFail("insertCSS");
}
}
const extension = ExtensionTestUtils.loadExtension({
manifest: {
},
background,
files: {
"file2.css": "* { color: rgb(0, 113, 4) }",
},
});
await extension.startup();
await extension.awaitFinish("insertCSS");
await extension.unload();
win.close();
});
</script>
</body>
</html>