1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
/* -*- Mode: indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* vim: set sts=2 sw=2 et tw=80: */
"use strict";
add_task(async function testExecuteScript() {
let tab = await BrowserTestUtils.openNewForegroundTab(
gBrowser,
"http://mochi.test:8888/",
true
);
async function background() {
let tasks = [
// Insert CSS file.
{
background: "rgba(0, 0, 0, 0)",
foreground: "rgb(0, 113, 4)",
promise: () => {
return browser.tabs.insertCSS({
file: "file2.css",
});
},
},
// Insert CSS code.
{
background: "rgb(42, 42, 42)",
foreground: "rgb(0, 113, 4)",
promise: () => {
return browser.tabs.insertCSS({
code: "* { background: rgb(42, 42, 42) }",
});
},
},
// Remove CSS code again.
{
background: "rgba(0, 0, 0, 0)",
foreground: "rgb(0, 113, 4)",
promise: () => {
return browser.tabs.removeCSS({
code: "* { background: rgb(42, 42, 42) }",
});
},
},
// Remove CSS file again.
{
background: "rgba(0, 0, 0, 0)",
foreground: "rgb(0, 0, 0)",
promise: () => {
return browser.tabs.removeCSS({
file: "file2.css",
});
},
},
// Insert CSS code.
{
background: "rgb(42, 42, 42)",
foreground: "rgb(0, 0, 0)",
promise: () => {
return browser.tabs.insertCSS({
code: "* { background: rgb(42, 42, 42) }",
cssOrigin: "user",
});
},
},
// Remove CSS code again.
{
background: "rgba(0, 0, 0, 0)",
foreground: "rgb(0, 0, 0)",
promise: () => {
return browser.tabs.removeCSS({
code: "* { background: rgb(42, 42, 42) }",
cssOrigin: "user",
});
},
},
];
function checkCSS() {
let computedStyle = window.getComputedStyle(document.body);
return [computedStyle.backgroundColor, computedStyle.color];
}
try {
for (let { promise, background, foreground } of tasks) {
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("removeCSS");
} catch (e) {
browser.test.fail(`Error: ${e} :: ${e.stack}`);
browser.test.notifyFail("removeCSS");
}
}
let extension = ExtensionTestUtils.loadExtension({
manifest: {
permissions: ["http://mochi.test/"],
},
background,
files: {
"file2.css": "* { color: rgb(0, 113, 4) }",
},
});
await extension.startup();
await extension.awaitFinish("removeCSS");
// Verify that scripts created by tabs.removeCSS are not added to the content scripts
// that requires cleanup (Bug 1464711).
await SpecialPowers.spawn(tab.linkedBrowser, [extension.id], async extId => {
const { ExtensionContent } = ChromeUtils.importESModule(
"resource://gre/modules/ExtensionContent.sys.mjs"
);
let contentScriptContext = ExtensionContent.getContextByExtensionId(
extId,
content.window
);
for (let script of contentScriptContext.scripts) {
if (script.matcher.removeCSS && script.requiresCleanup) {
throw new Error("tabs.removeCSS scripts should not require cleanup");
}
}
}).catch(err => {
// Log the error so that it is easy to see where the failure is coming from.
ok(false, err);
});
await extension.unload();
BrowserTestUtils.removeTab(tab);
});
|
