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
|
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tests scripting.removeCSS()</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";
const MOCHITEST_HOST_PERMISSIONS = [
"*://mochi.test/",
"*://mochi.xorigin-test/",
"*://test1.example.com/",
];
const makeExtension = ({ manifest: manifestProps, ...otherProps }) => {
return ExtensionTestUtils.loadExtension({
manifest: {
manifest_version: 3,
permissions: ["scripting"],
host_permissions: [...MOCHITEST_HOST_PERMISSIONS],
granted_host_permissions: true,
...manifestProps,
},
useAddonManager: "temporary",
...otherProps,
});
};
add_task(async function test_removeCSS_with_invalid_tabId() {
let extension = makeExtension({
async background() {
// This tab ID should not exist.
const tabId = 123456789;
await browser.test.assertRejects(
browser.scripting.removeCSS({
target: { tabId },
css: "* { background: rgb(42, 42, 42) }",
}),
`Invalid tab ID: ${tabId}`
);
browser.test.notifyPass("remove-css");
},
});
await extension.startup();
await extension.awaitFinish("remove-css");
await extension.unload();
});
add_task(async function test_removeCSS_without_insertCSS_called_before() {
let extension = makeExtension({
async background() {
const tabs = await browser.tabs.query({ active: true });
browser.test.assertEq(1, tabs.length, "expected 1 tab");
browser.scripting
.removeCSS({
target: { tabId: tabs[0].id },
css: "* { background: rgb(42, 42, 42) }",
})
.then(() => {
browser.test.notifyPass("remove-css");
})
.catch(() => {
browser.test.notifyFail("remove-css");
});
},
});
await extension.startup();
await extension.awaitFinish("remove-css");
await extension.unload();
});
add_task(async function test_removeCSS_with_origin_mismatch() {
let extension = makeExtension({
async background() {
const tabs = await browser.tabs.query({ active: true });
browser.test.assertEq(1, tabs.length, "expected 1 tab");
const cssColor = "rgb(42, 42, 42)";
const cssParams = {
target: { tabId: tabs[0].id },
css: `* { background: ${cssColor} !important }`,
};
await browser.scripting.insertCSS({ ...cssParams, origin: "AUTHOR" });
let results = await browser.scripting.executeScript({
target: { tabId: tabs[0].id },
func: () => {
return window.getComputedStyle(document.body).backgroundColor;
},
});
browser.test.assertEq(cssColor, results[0].result, "got expected color");
// Here, we pass a different origin, which should result in no CSS
// removal.
await browser.scripting.removeCSS({ ...cssParams, origin: "USER" });
browser.test.assertEq(
cssColor,
results[0].result,
"got expected color after removeCSS"
);
browser.test.notifyPass("remove-css");
},
});
await extension.startup();
await extension.awaitFinish("remove-css");
await extension.unload();
});
</script>
</body>
</html>
|
