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: Created March 14, 2017, 11:20 p.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;}");
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 });
166 } 145 }
167 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());
306 };
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 };
LEFTRIGHT

Powered by Google App Engine
This is Rietveld