Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: test/browser/elemHideEmulation.js

Issue 29383960: Issue 3143 - Filter elements with :-abp-has() (Closed) Base URL: https://hg.adblockplus.org/adblockpluscore
Left Patch Set: Hide elements and not using styles. Created March 16, 2017, 5:16 a.m.
Right Patch Set: Fix reportError and the error message Created June 13, 2017, 1:52 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « chrome/content/elemHideEmulation.js ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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;}");
146 }, 134 },
147 function(elements) 135 elems =>
148 { 136 {
149 console.log("hideElementsFunc", elements.length); 137 for (let elem of elems)
150 if (!elements.length) 138 elem.style.display = "none";
151 return;
152 for (var i = 0; i < elements.length; i++)
153 elements[i].style.display = "none";
154 } 139 }
155 ); 140 );
156 141
157 elemHideEmulation.apply(); 142 elemHideEmulation.apply();
158 callback(); 143 return Promise.resolve(elemHideEmulation);
159 }.bind(this));
160 }
161
162 exports.testPseudoHasRule = function(test)
163 {
164 loadElemHideEmulation(function()
165 {
166 var selectors = ["div:has(span)"];
167 // testing the regexp
168 var match = pseudoClassHasSelectorRegExp.exec(selectors[0]);
169 test.ok(match);
170 test.equal(match[1], "span");
171
172 test.done();
173 }); 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());
174 }; 306 };
175 307
176 exports.testSplitStyleRule = function(test) 308 exports.testSplitStyleRule = function(test)
177 { 309 {
178 loadElemHideEmulation(function() 310 loadElemHideEmulation().then(() =>
179 { 311 {
180 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");
181 test.ok(selectors); 313 test.ok(selectors);
182 test.equal(selectors.length, 1, "There is only one selector"); 314 test.equal(selectors.length, 1, "There is only one selector");
183 315
184 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)']");
185 test.ok(selectors); 317 test.ok(selectors);
186 test.equal(selectors.length, 2, "There are two selectors"); 318 test.equal(selectors.length, 2, "There are two selectors");
187 319 }).catch(unexpectedError.bind(test)).then(() => test.done());
188 test.done(); 320 };
189 }); 321
190 }; 322 // API testing
191 323
192 exports.testVerbatimPropertySelector = function(test) 324 exports.testVerbatimPropertySelector = function(test)
193 { 325 {
194 var toHide = createElementWithStyle("{background-color: #000}"); 326 let toHide = createElementWithStyle("{background-color: #000}");
195 applyElemHideEmulation( 327 applyElemHideEmulation(
196 ["[-abp-properties='background-color: rgb(0, 0, 0)']"], 328 [":-abp-properties(background-color: rgb(0, 0, 0))"]
197 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) =>
198 { 443 {
199 expectHidden(test, toHide); 444 window.setTimeout(() =>
200 test.done();
201 }
202 );
203 };
204
205 exports.testVerbatimPropertySelectorWithPrefix = function(test)
206 {
207 var parent = createElementWithStyle("{background-color: #000}");
208 var toHide = createElementWithStyle("{background-color: #000}", parent);
209 applyElemHideEmulation(
210 ["div > [-abp-properties='background-color: rgb(0, 0, 0)']"],
211 function()
212 {
213 expectVisible(test, parent);
214 expectHidden(test, toHide);
215 test.done();
216 }
217 );
218 };
219
220 exports.testVerbatimPropertySelectorWithPrefixNoMatch = function(test)
221 {
222 var parent = createElementWithStyle("{background-color: #000}");
223 var toHide = createElementWithStyle("{background-color: #fff}", parent);
224 applyElemHideEmulation(
225 ["div > [-abp-properties='background-color: rgb(0, 0, 0)']"],
226 function()
227 {
228 expectVisible(test, parent);
229 expectVisible(test, toHide);
230 test.done();
231 }
232 );
233 };
234
235 exports.testVerbatimPropertySelectorWithSuffix = function(test)
236 {
237 var parent = createElementWithStyle("{background-color: #000}");
238 var toHide = createElementWithStyle("{background-color: #000}", parent);
239 applyElemHideEmulation(
240 ["[-abp-properties='background-color: rgb(0, 0, 0)'] > div"],
241 function()
242 {
243 expectVisible(test, parent);
244 expectHidden(test, toHide);
245 test.done();
246 }
247 );
248 };
249
250 exports.testVerbatimPropertySelectorWithPrefixAndSuffix = function(test)
251 {
252 var parent = createElementWithStyle("{background-color: #000}");
253 var middle = createElementWithStyle("{background-color: #000}", parent);
254 var toHide = createElementWithStyle("{background-color: #000}", middle);
255 applyElemHideEmulation(
256 ["div > [-abp-properties='background-color: rgb(0, 0, 0)'] > div"],
257 function()
258 {
259 expectVisible(test, parent);
260 expectVisible(test, middle);
261 expectHidden(test, toHide);
262 test.done();
263 }
264 );
265 };
266
267 exports.testPropertySelectorWithWildcard = function(test)
268 {
269 var toHide = createElementWithStyle("{background-color: #000}");
270 applyElemHideEmulation(
271 ["[-abp-properties='*color: rgb(0, 0, 0)']"],
272 function()
273 {
274 expectHidden(test, toHide);
275 test.done();
276 }
277 );
278 };
279
280 exports.testPropertySelectorWithRegularExpression = function(test)
281 {
282 var toHide = createElementWithStyle("{background-color: #000}");
283 applyElemHideEmulation(
284 ["[-abp-properties='/.*color: rgb\\(0, 0, 0\\)/']"],
285 function()
286 {
287 expectHidden(test, toHide);
288 test.done();
289 }
290 );
291 };
292
293 exports.testPropertySelectorWithEscapedBrace = function(test)
294 {
295 var toHide = createElementWithStyle("{background-color: #000}");
296 applyElemHideEmulation(
297 ["[-abp-properties='/background.\\x7B 0,6\\x7D : rgb\\(0, 0, 0\\)/']"],
298 function()
299 {
300 expectHidden(test, toHide);
301 test.done();
302 }
303 );
304 };
305
306 exports.testPropertySelectorWithImproperlyEscapedBrace = function(test)
307 {
308 var toHide = createElementWithStyle("{background-color: #000}");
309 applyElemHideEmulation(
310 ["[-abp-properties='/background.\\x7B0,6\\x7D: rgb\\(0, 0, 0\\)/']"],
311 function()
312 {
313 expectVisible(test, toHide);
314 test.done();
315 }
316 );
317 };
318
319 exports.testDynamicallyChangedProperty = function(test)
320 {
321 var toHide = createElementWithStyle("{}");
322 applyElemHideEmulation(
323 ["[-abp-properties='background-color: rgb(0, 0, 0)']"],
324 function()
325 {
326 expectVisible(test, toHide);
327 insertStyleRule("#" + toHide.id + " {background-color: #000}");
328 window.setTimeout(function()
329 { 445 {
330 expectHidden(test, toHide); 446 expectHidden(test, toHide);
331 test.done(); 447 resolve();
332 }, 0); 448 }, 0);
333 } 449 });
334 ); 450 }).catch(unexpectedError.bind(test)).then(() => test.done());
335 };
336
337 exports.testPseudoClassHasMatcher = function(test)
338 {
339 var parent = createElementWithStyle("{}");
340 var child = createElementWithStyle("{}", parent);
341 loadElemHideEmulation(function()
342 {
343 var matcher = new PseudoHasMatcher("div");
344 test.equal(matcher.match(parent).length, 1, "Parent should contain what is e xpected");
345 test.equal(matcher.match(child).length, 0, "Child shouldn't match");
346
347 var matcher2 = new PseudoHasMatcher("span");
348 test.equal(matcher2.match(parent), 0, "Doesn't have a <span> child, shouldn' t mactch");
349 test.equal(matcher2.match(child), 0, "Child shouldn't match");
350
351 test.done();
352 });
353 }; 451 };
354 452
355 exports.testPseudoClassHasSelector = function(test) 453 exports.testPseudoClassHasSelector = function(test)
356 { 454 {
357 var toHide = createElementWithStyle("{}"); 455 let toHide = createElementWithStyle("{}");
358 applyElemHideEmulation( 456 applyElemHideEmulation(
359 ["div:has(div)"], 457 ["div:-abp-has(div)"]
360 function() 458 ).then(() =>
361 { 459 {
362 expectVisible(test, toHide); 460 expectVisible(test, toHide);
363 test.done(); 461 }).catch(unexpectedError.bind(test)).then(() => test.done());
364 }
365 );
366 }; 462 };
367 463
368 exports.testPseudoClassHasSelectorWithPrefix = function(test) 464 exports.testPseudoClassHasSelectorWithPrefix = function(test)
369 { 465 {
370 var parent = createElementWithStyle("{}"); 466 let parent = createElementWithStyle("{}");
371 var child = createElementWithStyle("{}", parent); 467 let child = createElementWithStyle("{}", parent);
372 applyElemHideEmulation( 468 applyElemHideEmulation(
373 ["div:has(div)"], 469 ["div:-abp-has(div)"]
374 function() 470 ).then(() =>
375 { 471 {
376 expectVisible(test, parent); 472 expectHidden(test, parent);
377 expectHidden(test, child); 473 expectVisible(test, child);
378 test.done(); 474 }).catch(unexpectedError.bind(test)).then(() => test.done());
379 }
380 );
381 }; 475 };
382 476
383 exports.testPseudoClassHasSelectorWithSuffix = function(test) 477 exports.testPseudoClassHasSelectorWithSuffix = function(test)
384 { 478 {
385 var parent = createElementWithStyle("{}"); 479 let parent = createElementWithStyle("{}");
386 var middle = createElementWithStyle("{}", parent); 480 let middle = createElementWithStyle("{}", parent);
387 var child = createElementWithStyle("{}", middle); 481 let child = createElementWithStyle("{}", middle);
388 applyElemHideEmulation( 482 applyElemHideEmulation(
389 ["div:has(div) > div"], 483 ["div:-abp-has(div) > div"]
390 function() 484 ).then(() =>
391 { 485 {
392 expectVisible(test, parent); 486 expectVisible(test, parent);
393 expectVisible(test, middle); 487 expectHidden(test, middle);
394 expectHidden(test, child); 488 expectHidden(test, child);
395 test.done(); 489 }).catch(unexpectedError.bind(test)).then(() => test.done());
396 } 490 };
397 ); 491
398 }; 492 exports.testPseudoClassHasSelectorWithSuffixSibling = function(test)
399 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 };
LEFTRIGHT

Powered by Google App Engine
This is Rietveld