LEFT | RIGHT |
1 /* | 1 /* |
2 * This file is part of Adblock Plus <https://adblockplus.org/>, | 2 * This file is part of Adblock Plus <https://adblockplus.org/>, |
3 * Copyright (C) 2006-2017 Eyeo GmbH | 3 * Copyright (C) 2006-2017 eyeo GmbH |
4 * | 4 * |
5 * Adblock Plus is free software: you can redistribute it and/or modify | 5 * Adblock Plus is free software: you can redistribute it and/or modify |
6 * it under the terms of the GNU General Public License version 3 as | 6 * it under the terms of the GNU General Public License version 3 as |
7 * published by the Free Software Foundation. | 7 * published by the Free Software Foundation. |
8 * | 8 * |
9 * Adblock Plus is distributed in the hope that it will be useful, | 9 * Adblock Plus is distributed in the hope that it will be useful, |
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
12 * GNU General Public License for more details. | 12 * GNU General Public License for more details. |
13 * | 13 * |
14 * You should have received a copy of the GNU General Public License | 14 * You should have received a copy of the GNU General Public License |
15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. | 15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. |
16 */ | 16 */ |
17 | 17 |
18 // We are currently limited to ECMAScript 5 in this file, because it is being | 18 "use strict"; |
19 // used in the browser tests. See https://issues.adblockplus.org/ticket/4796 | 19 |
20 | 20 /* globals ElemHideEmulation, splitSelector, |
21 // TODO: This should be using document.currentScript once supported by | 21 parseSelectorContent, |
22 // PhantomJS. | 22 parseSelector, positionInParent, makeSelector, |
23 var myUrl = document.head.lastChild.src; | 23 PlainSelector, HasSelector, PropsSelector */ |
24 | 24 |
25 exports.setUp = function(callback) | 25 let myUrl = document.currentScript.src; |
26 { | |
27 // The URL object in PhantomJS 2.1.7 does not implement any properties, so | |
28 // we need a polyfill. | |
29 if (!URL || !("origin" in URL)) | |
30 { | |
31 var doc = document.implementation.createHTMLDocument(); | |
32 var anchor = doc.createElement("a"); | |
33 doc.body.appendChild(anchor); | |
34 URL = function(url) | |
35 { | |
36 if (!url) | |
37 throw "Invalid URL"; | |
38 anchor.href = url; | |
39 this.origin = anchor.origin; | |
40 }; | |
41 } | |
42 | |
43 callback(); | |
44 }; | |
45 | 26 |
46 exports.tearDown = function(callback) | 27 exports.tearDown = function(callback) |
47 { | 28 { |
48 var styleElements = document.head.getElementsByTagName("style"); | 29 let styleElements = document.head.getElementsByTagName("style"); |
49 while (styleElements.length) | 30 while (styleElements.length) |
50 styleElements[0].parentNode.removeChild(styleElements[0]); | 31 styleElements[0].parentNode.removeChild(styleElements[0]); |
| 32 |
| 33 let child; |
| 34 while (child = document.body.firstChild) |
| 35 child.parentNode.removeChild(child); |
| 36 |
51 callback(); | 37 callback(); |
52 }; | 38 }; |
| 39 |
| 40 function unexpectedError(error) |
| 41 { |
| 42 console.error(error); |
| 43 this.ok(false, "Unexpected error: " + error); |
| 44 } |
53 | 45 |
54 function expectHidden(test, element) | 46 function expectHidden(test, element) |
55 { | 47 { |
56 test.equal(window.getComputedStyle(element).display, "none", | 48 test.equal(window.getComputedStyle(element).display, "none", |
57 "The element's display property should be set to 'none'"); | 49 "The element's display property should be set to 'none'"); |
58 } | 50 } |
59 | 51 |
60 function expectVisible(test, element) | 52 function expectVisible(test, element) |
61 { | 53 { |
62 test.notEqual(window.getComputedStyle(element).display, "none", | 54 test.notEqual(window.getComputedStyle(element).display, "none", |
63 "The element's display property should not be set to 'none'"); | 55 "The element's display property should not be set to 'none'"); |
64 } | 56 } |
65 | 57 |
66 function findUniqueId() | 58 function findUniqueId() |
67 { | 59 { |
68 var id = "elemHideEmulationTest-" + Math.floor(Math.random() * 10000); | 60 let id = "elemHideEmulationTest-" + Math.floor(Math.random() * 10000); |
69 if (!document.getElementById(id)) | 61 if (!document.getElementById(id)) |
70 return id; | 62 return id; |
71 return findUniqueId(); | 63 return findUniqueId(); |
72 } | 64 } |
73 | 65 |
74 function insertStyleRule(rule) | 66 function insertStyleRule(rule) |
75 { | 67 { |
76 var styleElement; | 68 let styleElement; |
77 var styleElements = document.head.getElementsByTagName("style"); | 69 let styleElements = document.head.getElementsByTagName("style"); |
78 if (styleElements.length) | 70 if (styleElements.length) |
79 styleElement = styleElements[0]; | 71 styleElement = styleElements[0]; |
80 else | 72 else |
81 { | 73 { |
82 styleElement = document.createElement("style"); | 74 styleElement = document.createElement("style"); |
83 document.head.appendChild(styleElement); | 75 document.head.appendChild(styleElement); |
84 } | 76 } |
85 styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length); | 77 styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length); |
86 } | 78 } |
87 | 79 |
88 // insert a <div> with a unique id and and empty CSS rule | 80 // insert a <div> with a unique id and a CSS rule |
89 // for the the selector matching the id. | 81 // for the the selector matching the id. |
90 function createElementWithStyle(styleBlock, parent) | 82 function createElementWithStyle(styleBlock, parent) |
91 { | 83 { |
92 var element = document.createElement("div"); | 84 let element = document.createElement("div"); |
93 element.id = findUniqueId(); | 85 element.id = findUniqueId(); |
94 if (!parent) | 86 if (!parent) |
95 document.body.appendChild(element); | 87 document.body.appendChild(element); |
96 else | 88 else |
97 parent.appendChild(element); | 89 parent.appendChild(element); |
98 insertStyleRule("#" + element.id + " " + styleBlock); | 90 insertStyleRule("#" + element.id + " " + styleBlock); |
99 return element; | 91 return element; |
100 } | 92 } |
101 | 93 |
102 // Will ensure the class ElemHideEmulation is loaded | 94 // Will ensure the class ElemHideEmulation is loaded. |
103 // and then will call the callback. | 95 // NOTE: if it never loads, this will probably hang. |
104 // NOTE: if it never loads, this will probably hang in an infinite | 96 function loadElemHideEmulation() |
105 // loop | |
106 function loadElemHideEmulation(callback) | |
107 { | 97 { |
108 if (typeof ElemHideEmulation == "undefined") | 98 if (typeof ElemHideEmulation == "undefined") |
109 { | 99 { |
110 loadScript(myUrl + "/../../../lib/common.js", function() | 100 return loadScript(myUrl + "/../../../lib/common.js").then(() => |
111 { | 101 { |
112 loadScript(myUrl + "/../../../chrome/content/elemHideEmulation.js", | 102 return loadScript(myUrl + "/../../../chrome/content/elemHideEmulation.js")
; |
113 function() | 103 }).then(() => |
114 { | 104 { |
115 loadElemHideEmulation(callback); | 105 return loadElemHideEmulation(); |
116 }); | |
117 }); | 106 }); |
118 return; | |
119 } | 107 } |
120 | 108 |
121 callback(); | 109 return Promise.resolve(); |
122 } | 110 } |
123 | 111 |
124 // instantiate a ElemHideEmulation with @selectors. | 112 // Create a new ElemHideEmulation instance with @selectors. |
125 function applyElemHideEmulation(selectors, callback) | 113 function applyElemHideEmulation(selectors) |
126 { | 114 { |
127 loadElemHideEmulation(function() | 115 return loadElemHideEmulation().then(() => |
128 { | 116 { |
129 var elemHideEmulation = new ElemHideEmulation( | 117 let elemHideEmulation = new ElemHideEmulation( |
130 window, | 118 window, |
131 function(callback) | 119 callback => |
132 { | 120 { |
133 var patterns = []; | 121 let patterns = []; |
134 selectors.forEach(function(selector) | 122 selectors.forEach(selector => |
135 { | 123 { |
136 patterns.push({selector: selector}); | 124 patterns.push({selector}); |
137 }); | 125 }); |
138 callback(patterns); | 126 callback(patterns); |
139 }, | 127 }, |
140 function(selectors) | 128 newSelectors => |
141 { | 129 { |
142 if (!selectors.length) | 130 if (!newSelectors.length) |
143 return; | 131 return; |
144 var selector = selectors.join(", "); | 132 let selector = newSelectors.join(", "); |
145 insertStyleRule(selector + "{display: none !important;}"); | 133 insertStyleRule(selector + "{display: none !important;}"); |
| 134 }, |
| 135 elems => |
| 136 { |
| 137 for (let elem of elems) |
| 138 elem.style.display = "none"; |
146 } | 139 } |
147 ); | 140 ); |
148 | 141 |
149 elemHideEmulation.apply(); | 142 elemHideEmulation.apply(); |
150 callback(); | 143 return Promise.resolve(elemHideEmulation); |
151 }.bind(this)); | |
152 } | |
153 | |
154 exports.testPseudoHasRule = function(test) | |
155 { | |
156 loadElemHideEmulation(function() | |
157 { | |
158 var selectors = ["div:has(span)"]; | |
159 // testing the regexp | |
160 var match = pseudoClassHasSelectorRegExp.exec(selectors[0]); | |
161 test.ok(match); | |
162 test.equal(match[1], "span"); | |
163 | |
164 test.done(); | |
165 }); | 144 }); |
| 145 } |
| 146 |
| 147 // internals testing |
| 148 |
| 149 exports.testParseSelectorContent = function(test) |
| 150 { |
| 151 loadElemHideEmulation().then(() => |
| 152 { |
| 153 let parsed = parseSelectorContent(":-abp-has(> div) > div", 10); |
| 154 test.equal(parsed.text, "> div"); |
| 155 test.equal(parsed.end, 15); |
| 156 |
| 157 parsed = parseSelectorContent("> div) > div", 0); |
| 158 test.equal(parsed.text, "> div"); |
| 159 test.equal(parsed.end, 5); |
| 160 |
| 161 // parens not closed. |
| 162 parsed = parseSelectorContent("> div > div", 0); |
| 163 test.equal(parsed, null); |
| 164 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 165 }; |
| 166 |
| 167 exports.testParseSelector = function(test) |
| 168 { |
| 169 loadElemHideEmulation().then(() => |
| 170 { |
| 171 let selectors = parseSelector(""); |
| 172 test.equal(selectors.length, 0); |
| 173 |
| 174 let selector = "div > :-abp-properties('background-color: rgb(0, 0, 0)')"; |
| 175 selectors = parseSelector(selector); |
| 176 test.equal(selectors.length, 2); |
| 177 test.ok(selectors[0] instanceof PlainSelector); |
| 178 test.ok(selectors[1] instanceof PropsSelector); |
| 179 |
| 180 selector = "div > :-abp-has(> div.inside) > div"; |
| 181 selectors = parseSelector(selector); |
| 182 test.equal(selectors.length, 3); |
| 183 test.ok(selectors[0] instanceof PlainSelector); |
| 184 test.ok(selectors[1] instanceof HasSelector); |
| 185 test.ok(selectors[2] instanceof PlainSelector); |
| 186 |
| 187 selector = "div > div:-abp-has(> div.inside) > div"; |
| 188 selectors = parseSelector(selector); |
| 189 |
| 190 test.equal(selectors.length, 3); |
| 191 test.ok(selectors[0] instanceof PlainSelector); |
| 192 test.ok(selectors[1] instanceof HasSelector); |
| 193 test.ok(selectors[2] instanceof PlainSelector); |
| 194 |
| 195 selector = "div > :-abp-has(> div.inside) > :-abp-properties(background-colo
r: rgb(0, 0, 0))"; |
| 196 selectors = parseSelector(selector); |
| 197 |
| 198 test.equal(selectors.length, 4); |
| 199 test.ok(selectors[0] instanceof PlainSelector); |
| 200 test.ok(selectors[1] instanceof HasSelector); |
| 201 test.ok(selectors[2] instanceof PlainSelector); |
| 202 test.ok(selectors[3] instanceof PropsSelector); |
| 203 |
| 204 selector = "div > :-abp-has(> div.inside > :-abp-properties(background-color
: rgb(0, 0, 0))"; |
| 205 selectors = parseSelector(selector); |
| 206 test.equal(selectors, null); |
| 207 |
| 208 // -abp-has-unsupported() is unknown. Ensure we fail parsing. |
| 209 selector = 'div[arial-label="Story"]:-abp-has(> div > div > span > span:-abp
-unsupported("Suggested Post"))'; |
| 210 selectors = parseSelector(selector); |
| 211 test.equal(selectors, null); |
| 212 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 213 }; |
| 214 |
| 215 function buildDom(doc) |
| 216 { |
| 217 doc.body.innerHTML = `<div id="parent"> |
| 218 <div id="middle"> |
| 219 <div id="middle1"><div id="inside" class="inside"></div></div> |
| 220 </div> |
| 221 <div id="sibling"> |
| 222 <div id="tohide">to hide</div> |
| 223 </div> |
| 224 <div id="sibling2"> |
| 225 <div id="sibling21"><div id="sibling211" class="inside"></div></div> |
| 226 </div> |
| 227 </div>`; |
| 228 let parent = document.getElementById("parent"); |
| 229 let middle = document.getElementById("middle"); |
| 230 let middle1 = document.getElementById("middle1"); |
| 231 let inside = document.getElementById("inside"); |
| 232 let sibling = document.getElementById("sibling"); |
| 233 let sibling2 = document.getElementById("sibling2"); |
| 234 let toHide = document.getElementById("tohide"); |
| 235 return {parent, middle, middle1, inside, sibling, sibling2, toHide}; |
| 236 } |
| 237 |
| 238 exports.testPositionInParent = function(test) |
| 239 { |
| 240 let nodes = buildDom(document); |
| 241 |
| 242 loadElemHideEmulation().then(() => |
| 243 { |
| 244 test.equal(positionInParent(nodes.middle1), 1); |
| 245 test.equal(positionInParent(nodes.inside), 1); |
| 246 test.equal(positionInParent(nodes.sibling2), 3); |
| 247 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 248 }; |
| 249 |
| 250 exports.testMakeSelector = function(test) |
| 251 { |
| 252 let nodes = buildDom(document); |
| 253 |
| 254 loadElemHideEmulation().then(() => |
| 255 { |
| 256 test.equal(makeSelector(nodes.middle, ""), |
| 257 ":root > BODY:nth-child(2) > DIV:nth-child(1) > DIV:nth-child(1)"
); |
| 258 test.equal(makeSelector(nodes.toHide, ""), |
| 259 ":root > BODY:nth-child(2) > DIV:nth-child(1) > DIV:nth-child(2)
> DIV:nth-child(1)"); |
| 260 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 261 }; |
| 262 |
| 263 exports.testPlainSelector = function(test) |
| 264 { |
| 265 buildDom(document); |
| 266 |
| 267 loadElemHideEmulation().then(() => |
| 268 { |
| 269 let selector = new PlainSelector("div > div"); |
| 270 |
| 271 let iter = selector.getSelectors("foo > "); |
| 272 let value = iter.next(); |
| 273 test.equal(value.value[0], "foo > div > div"); |
| 274 test.ok(iter.next().done); |
| 275 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 276 }; |
| 277 |
| 278 exports.testHasSelector = function(test) |
| 279 { |
| 280 buildDom(document); |
| 281 |
| 282 loadElemHideEmulation().then(() => |
| 283 { |
| 284 let selector = new HasSelector("> div.inside"); |
| 285 |
| 286 let iter = selector.getSelectors("", document, document.sheet); |
| 287 let value = iter.next(); |
| 288 test.ok(!value.done); |
| 289 test.equal(value.value[0], |
| 290 ":root > BODY:nth-child(2) > DIV:nth-child(1) > DIV:nth-child(1)
> DIV:nth-child(1)"); |
| 291 |
| 292 iter = selector.getElements("", document, document.sheet); |
| 293 value = iter.next(); |
| 294 test.ok(!value.done); |
| 295 test.equal(value.value.id, "middle1"); |
| 296 value = iter.next(); |
| 297 test.ok(!value.done); |
| 298 test.equal(value.value.id, "sibling21"); |
| 299 value = iter.next(); |
| 300 test.ok(value.done); |
| 301 |
| 302 selector = new HasSelector(":-abp-has(> div.inside)"); |
| 303 |
| 304 test.ok(selector._innerSelectors); |
| 305 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
166 }; | 306 }; |
167 | 307 |
168 exports.testSplitStyleRule = function(test) | 308 exports.testSplitStyleRule = function(test) |
169 { | 309 { |
170 loadElemHideEmulation(function() | 310 loadElemHideEmulation().then(() => |
171 { | 311 { |
172 var selectors = splitSelector("div:has(div) > [-abp-properties='background-c
olor: rgb(0, 0, 0)'] > span"); | 312 let selectors = splitSelector("div:-abp-has(div) > [-abp-properties='backgro
und-color: rgb(0, 0, 0)'] > span"); |
173 test.ok(selectors); | 313 test.ok(selectors); |
174 test.equal(selectors.length, 1, "There is only one selector"); | 314 test.equal(selectors.length, 1, "There is only one selector"); |
175 | 315 |
176 selectors = splitSelector("div:has(div), [-abp-properties='background-color:
rgb(0, 0, 0)']"); | 316 selectors = splitSelector("div:-abp-has(div), [-abp-properties='background-c
olor: rgb(0, 0, 0)']"); |
177 test.ok(selectors); | 317 test.ok(selectors); |
178 test.equal(selectors.length, 2, "There are two selectors"); | 318 test.equal(selectors.length, 2, "There are two selectors"); |
179 | 319 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
180 test.done(); | 320 }; |
181 }); | 321 |
182 }; | 322 // API testing |
183 | 323 |
184 exports.testVerbatimPropertySelector = function(test) | 324 exports.testVerbatimPropertySelector = function(test) |
185 { | 325 { |
186 var toHide = createElementWithStyle("{background-color: #000}"); | 326 let toHide = createElementWithStyle("{background-color: #000}"); |
187 applyElemHideEmulation( | 327 applyElemHideEmulation( |
188 ["[-abp-properties='background-color: rgb(0, 0, 0)']"], | 328 [":-abp-properties(background-color: rgb(0, 0, 0))"] |
189 function() | 329 ).then(() => |
| 330 { |
| 331 expectHidden(test, toHide); |
| 332 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 333 }; |
| 334 |
| 335 exports.testVerbatimPropertySelectorWithPrefix = function(test) |
| 336 { |
| 337 let parent = createElementWithStyle("{background-color: #000}"); |
| 338 let toHide = createElementWithStyle("{background-color: #000}", parent); |
| 339 applyElemHideEmulation( |
| 340 ["div > :-abp-properties(background-color: rgb(0, 0, 0))"] |
| 341 ).then(() => |
| 342 { |
| 343 expectVisible(test, parent); |
| 344 expectHidden(test, toHide); |
| 345 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 346 }; |
| 347 |
| 348 exports.testVerbatimPropertySelectorWithPrefixNoMatch = function(test) |
| 349 { |
| 350 let parent = createElementWithStyle("{background-color: #000}"); |
| 351 let toHide = createElementWithStyle("{background-color: #fff}", parent); |
| 352 applyElemHideEmulation( |
| 353 ["div > :-abp-properties(background-color: rgb(0, 0, 0))"] |
| 354 ).then(() => |
| 355 { |
| 356 expectVisible(test, parent); |
| 357 expectVisible(test, toHide); |
| 358 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 359 }; |
| 360 |
| 361 exports.testVerbatimPropertySelectorWithSuffix = function(test) |
| 362 { |
| 363 let parent = createElementWithStyle("{background-color: #000}"); |
| 364 let toHide = createElementWithStyle("{background-color: #000}", parent); |
| 365 applyElemHideEmulation( |
| 366 [":-abp-properties(background-color: rgb(0, 0, 0)) > div"] |
| 367 ).then(() => |
| 368 { |
| 369 expectVisible(test, parent); |
| 370 expectHidden(test, toHide); |
| 371 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 372 }; |
| 373 |
| 374 exports.testVerbatimPropertyPseudoSelectorWithPrefixAndSuffix = function(test) |
| 375 { |
| 376 let parent = createElementWithStyle("{background-color: #000}"); |
| 377 let middle = createElementWithStyle("{background-color: #000}", parent); |
| 378 let toHide = createElementWithStyle("{background-color: #000}", middle); |
| 379 applyElemHideEmulation( |
| 380 ["div > :-abp-properties(background-color: rgb(0, 0, 0)) > div"] |
| 381 ).then(() => |
| 382 { |
| 383 expectVisible(test, parent); |
| 384 expectVisible(test, middle); |
| 385 expectHidden(test, toHide); |
| 386 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 387 }; |
| 388 |
| 389 exports.testPropertySelectorWithWildcard = function(test) |
| 390 { |
| 391 let toHide = createElementWithStyle("{background-color: #000}"); |
| 392 applyElemHideEmulation( |
| 393 [":-abp-properties(*color: rgb(0, 0, 0))"] |
| 394 ).then(() => |
| 395 { |
| 396 expectHidden(test, toHide); |
| 397 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 398 }; |
| 399 |
| 400 exports.testPropertySelectorWithRegularExpression = function(test) |
| 401 { |
| 402 let toHide = createElementWithStyle("{background-color: #000}"); |
| 403 applyElemHideEmulation( |
| 404 [":-abp-properties(/.*color: rgb\\(0, 0, 0\\)/)"] |
| 405 ).then(() => |
| 406 { |
| 407 expectHidden(test, toHide); |
| 408 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 409 }; |
| 410 |
| 411 exports.testPropertySelectorWithEscapedBrace = function(test) |
| 412 { |
| 413 let toHide = createElementWithStyle("{background-color: #000}"); |
| 414 applyElemHideEmulation( |
| 415 [":-abp-properties(/background.\\x7B 0,6\\x7D : rgb\\(0, 0, 0\\)/)"] |
| 416 ).then(() => |
| 417 { |
| 418 expectHidden(test, toHide); |
| 419 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 420 }; |
| 421 |
| 422 exports.testPropertySelectorWithImproperlyEscapedBrace = function(test) |
| 423 { |
| 424 let toHide = createElementWithStyle("{background-color: #000}"); |
| 425 applyElemHideEmulation( |
| 426 [":-abp-properties(/background.\\x7B0,6\\x7D: rgb\\(0, 0, 0\\)/)"] |
| 427 ).then(() => |
| 428 { |
| 429 expectVisible(test, toHide); |
| 430 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 431 }; |
| 432 |
| 433 exports.testDynamicallyChangedProperty = function(test) |
| 434 { |
| 435 let toHide = createElementWithStyle("{}"); |
| 436 applyElemHideEmulation( |
| 437 [":-abp-properties(background-color: rgb(0, 0, 0))"] |
| 438 ).then(() => |
| 439 { |
| 440 expectVisible(test, toHide); |
| 441 insertStyleRule("#" + toHide.id + " {background-color: #000}"); |
| 442 return new Promise((resolve, reject) => |
190 { | 443 { |
191 expectHidden(test, toHide); | 444 window.setTimeout(() => |
192 test.done(); | |
193 } | |
194 ); | |
195 }; | |
196 | |
197 exports.testVerbatimPropertySelectorWithPrefix = function(test) | |
198 { | |
199 var parent = createElementWithStyle("{background-color: #000}"); | |
200 var toHide = createElementWithStyle("{background-color: #000}", parent); | |
201 applyElemHideEmulation( | |
202 ["div > [-abp-properties='background-color: rgb(0, 0, 0)']"], | |
203 function() | |
204 { | |
205 expectVisible(test, parent); | |
206 expectHidden(test, toHide); | |
207 test.done(); | |
208 } | |
209 ); | |
210 }; | |
211 | |
212 exports.testVerbatimPropertySelectorWithPrefixNoMatch = function(test) | |
213 { | |
214 var parent = createElementWithStyle("{background-color: #000}"); | |
215 var toHide = createElementWithStyle("{background-color: #fff}", parent); | |
216 applyElemHideEmulation( | |
217 ["div > [-abp-properties='background-color: rgb(0, 0, 0)']"], | |
218 function() | |
219 { | |
220 expectVisible(test, parent); | |
221 expectVisible(test, toHide); | |
222 test.done(); | |
223 } | |
224 ); | |
225 }; | |
226 | |
227 exports.testVerbatimPropertySelectorWithSuffix = function(test) | |
228 { | |
229 var parent = createElementWithStyle("{background-color: #000}"); | |
230 var toHide = createElementWithStyle("{background-color: #000}", parent); | |
231 applyElemHideEmulation( | |
232 ["[-abp-properties='background-color: rgb(0, 0, 0)'] > div"], | |
233 function() | |
234 { | |
235 expectVisible(test, parent); | |
236 expectHidden(test, toHide); | |
237 test.done(); | |
238 } | |
239 ); | |
240 }; | |
241 | |
242 exports.testVerbatimPropertySelectorWithPrefixAndSuffix = function(test) | |
243 { | |
244 var parent = createElementWithStyle("{background-color: #000}"); | |
245 var middle = createElementWithStyle("{background-color: #000}", parent); | |
246 var toHide = createElementWithStyle("{background-color: #000}", middle); | |
247 applyElemHideEmulation( | |
248 ["div > [-abp-properties='background-color: rgb(0, 0, 0)'] > div"], | |
249 function() | |
250 { | |
251 expectVisible(test, parent); | |
252 expectVisible(test, middle); | |
253 expectHidden(test, toHide); | |
254 test.done(); | |
255 } | |
256 ); | |
257 }; | |
258 | |
259 exports.testPropertySelectorWithWildcard = function(test) | |
260 { | |
261 var toHide = createElementWithStyle("{background-color: #000}"); | |
262 applyElemHideEmulation( | |
263 ["[-abp-properties='*color: rgb(0, 0, 0)']"], | |
264 function() | |
265 { | |
266 expectHidden(test, toHide); | |
267 test.done(); | |
268 } | |
269 ); | |
270 }; | |
271 | |
272 exports.testPropertySelectorWithRegularExpression = function(test) | |
273 { | |
274 var toHide = createElementWithStyle("{background-color: #000}"); | |
275 applyElemHideEmulation( | |
276 ["[-abp-properties='/.*color: rgb\\(0, 0, 0\\)/']"], | |
277 function() | |
278 { | |
279 expectHidden(test, toHide); | |
280 test.done(); | |
281 } | |
282 ); | |
283 }; | |
284 | |
285 exports.testPropertySelectorWithEscapedBrace = function(test) | |
286 { | |
287 var toHide = createElementWithStyle("{background-color: #000}"); | |
288 applyElemHideEmulation( | |
289 ["[-abp-properties='/background.\\x7B 0,6\\x7D : rgb\\(0, 0, 0\\)/']"], | |
290 function() | |
291 { | |
292 expectHidden(test, toHide); | |
293 test.done(); | |
294 } | |
295 ); | |
296 }; | |
297 | |
298 exports.testPropertySelectorWithImproperlyEscapedBrace = function(test) | |
299 { | |
300 var toHide = createElementWithStyle("{background-color: #000}"); | |
301 applyElemHideEmulation( | |
302 ["[-abp-properties='/background.\\x7B0,6\\x7D: rgb\\(0, 0, 0\\)/']"], | |
303 function() | |
304 { | |
305 expectVisible(test, toHide); | |
306 test.done(); | |
307 } | |
308 ); | |
309 }; | |
310 | |
311 exports.testDynamicallyChangedProperty = function(test) | |
312 { | |
313 var toHide = createElementWithStyle("{}"); | |
314 applyElemHideEmulation( | |
315 ["[-abp-properties='background-color: rgb(0, 0, 0)']"], | |
316 function() | |
317 { | |
318 expectVisible(test, toHide); | |
319 insertStyleRule("#" + toHide.id + " {background-color: #000}"); | |
320 window.setTimeout(function() | |
321 { | 445 { |
322 expectHidden(test, toHide); | 446 expectHidden(test, toHide); |
323 test.done(); | 447 resolve(); |
324 }, 0); | 448 }, 0); |
325 } | 449 }); |
326 ); | 450 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
327 }; | |
328 | |
329 exports.testPseudoClassHasMatcher = function(test) | |
330 { | |
331 var parent = createElementWithStyle("{}"); | |
332 var toHide = createElementWithStyle("{}", parent); | |
333 loadElemHideEmulation(function() | |
334 { | |
335 var matcher = new PseudoHasMatcher("div"); | |
336 test.equal(matcher.match(parent).length, 1); | |
337 test.equal(matcher.match(toHide).length, 0); | |
338 | |
339 var matcher2 = new PseudoHasMatcher("span"); | |
340 test.equal(matcher2.match(parent), 0); | |
341 test.equal(matcher2.match(toHide), 0); | |
342 | |
343 test.done(); | |
344 }); | |
345 }; | 451 }; |
346 | 452 |
347 exports.testPseudoClassHasSelector = function(test) | 453 exports.testPseudoClassHasSelector = function(test) |
348 { | 454 { |
349 var toHide = createElementWithStyle("{}"); | 455 let toHide = createElementWithStyle("{}"); |
350 applyElemHideEmulation( | 456 applyElemHideEmulation( |
351 ["div:has(div)"], | 457 ["div:-abp-has(div)"] |
352 function() | 458 ).then(() => |
353 { | 459 { |
354 expectVisible(test, toHide); | 460 expectVisible(test, toHide); |
355 test.done(); | 461 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
356 } | |
357 ); | |
358 }; | 462 }; |
359 | 463 |
360 exports.testPseudoClassHasSelectorWithPrefix = function(test) | 464 exports.testPseudoClassHasSelectorWithPrefix = function(test) |
361 { | 465 { |
362 var parent = createElementWithStyle("{}"); | 466 let parent = createElementWithStyle("{}"); |
363 var toHide = createElementWithStyle("{}", parent); | 467 let child = createElementWithStyle("{}", parent); |
364 applyElemHideEmulation( | 468 applyElemHideEmulation( |
365 ["div:has(div)"], | 469 ["div:-abp-has(div)"] |
366 function() | 470 ).then(() => |
367 { | 471 { |
368 expectVisible(test, parent); | 472 expectHidden(test, parent); |
369 expectHidden(test, toHide); | 473 expectVisible(test, child); |
370 test.done(); | 474 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
371 } | 475 }; |
372 ); | 476 |
373 }; | 477 exports.testPseudoClassHasSelectorWithSuffix = function(test) |
| 478 { |
| 479 let parent = createElementWithStyle("{}"); |
| 480 let middle = createElementWithStyle("{}", parent); |
| 481 let child = createElementWithStyle("{}", middle); |
| 482 applyElemHideEmulation( |
| 483 ["div:-abp-has(div) > div"] |
| 484 ).then(() => |
| 485 { |
| 486 expectVisible(test, parent); |
| 487 expectHidden(test, middle); |
| 488 expectHidden(test, child); |
| 489 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 490 }; |
| 491 |
| 492 exports.testPseudoClassHasSelectorWithSuffixSibling = function(test) |
| 493 { |
| 494 let parent = createElementWithStyle("{}"); |
| 495 let middle = createElementWithStyle("{}", parent); |
| 496 let toHide = createElementWithStyle("{}"); |
| 497 applyElemHideEmulation( |
| 498 ["div:-abp-has(div) + div"] |
| 499 ).then(() => |
| 500 { |
| 501 expectVisible(test, parent); |
| 502 expectVisible(test, middle); |
| 503 expectHidden(test, toHide); |
| 504 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 505 }; |
| 506 |
| 507 exports.testPseudoClassHasSelectorWithSuffixSiblingChild = function(test) |
| 508 { |
| 509 // <div> |
| 510 // <div></div> |
| 511 // <div> |
| 512 // <div>to hide</div> |
| 513 // </div> |
| 514 // </div> |
| 515 let parent = createElementWithStyle("{}"); |
| 516 let middle = createElementWithStyle("{}", parent); |
| 517 let sibling = createElementWithStyle("{}"); |
| 518 let toHide = createElementWithStyle("{}", sibling); |
| 519 applyElemHideEmulation( |
| 520 ["div:-abp-has(div) + div > div"] |
| 521 ).then(() => |
| 522 { |
| 523 expectVisible(test, parent); |
| 524 expectVisible(test, middle); |
| 525 expectVisible(test, sibling); |
| 526 expectHidden(test, toHide); |
| 527 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 528 }; |
| 529 |
| 530 function runTestPseudoClassHasSelectorWithHasAndWithSuffixSibling(test, selector
) |
| 531 { |
| 532 document.body.innerHTML = `<div id="parent"> |
| 533 <div id="middle"> |
| 534 <div id="middle1"><div id="inside" class="inside"></div></div> |
| 535 </div> |
| 536 <div id="sibling"> |
| 537 <div id="tohide">to hide</div> |
| 538 </div> |
| 539 <div id="sibling2"> |
| 540 <div id="sibling21"><div id="sibling211" class="inside"></div></div> |
| 541 </div> |
| 542 </div>`; |
| 543 let parent = document.getElementById("parent"); |
| 544 let middle = document.getElementById("middle"); |
| 545 let inside = document.getElementById("inside"); |
| 546 let sibling = document.getElementById("sibling"); |
| 547 let sibling2 = document.getElementById("sibling2"); |
| 548 let toHide = document.getElementById("tohide"); |
| 549 |
| 550 insertStyleRule(".inside {}"); |
| 551 |
| 552 applyElemHideEmulation( |
| 553 [selector] |
| 554 ).then(() => |
| 555 { |
| 556 expectVisible(test, parent); |
| 557 expectVisible(test, middle); |
| 558 expectVisible(test, inside); |
| 559 expectVisible(test, sibling); |
| 560 expectVisible(test, sibling2); |
| 561 expectHidden(test, toHide); |
| 562 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 563 } |
| 564 |
| 565 exports.testPseudoClassHasSelectorWithHasAndWithSuffixSibling = function(test) |
| 566 { |
| 567 runTestPseudoClassHasSelectorWithHasAndWithSuffixSibling(test, "div:-abp-has(:
-abp-has(div.inside)) + div > div"); |
| 568 }; |
| 569 |
| 570 exports.testPseudoClassHasSelectorWithHasAndWithSuffixSibling2 = function(test) |
| 571 { |
| 572 runTestPseudoClassHasSelectorWithHasAndWithSuffixSibling(test, "div:-abp-has(:
-abp-has(> div.inside)) + div > div"); |
| 573 }; |
| 574 |
| 575 exports.testPseudoClassHasSelectorWithPropSelector = function(test) |
| 576 { |
| 577 let parent = createElementWithStyle("{}"); |
| 578 let child = createElementWithStyle("{background-color: #000}", parent); |
| 579 applyElemHideEmulation( |
| 580 ["div:-abp-has(:-abp-properties(background-color: rgb(0, 0, 0)))"] |
| 581 ).then(() => |
| 582 { |
| 583 expectVisible(test, child); |
| 584 expectHidden(test, parent); |
| 585 }).catch(unexpectedError.bind(test)).then(() => test.done()); |
| 586 }; |
LEFT | RIGHT |