| 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 |
| 19 // used in the browser tests. See https://issues.adblockplus.org/ticket/4796 |
| 20 |
| 18 QUnit.module("Element hiding emulation", | 21 QUnit.module("Element hiding emulation", |
| 19 { | 22 { |
| 20 before: function() | 23 before: function() |
| 21 { | 24 { |
| 22 // The URL object in PhantomJS 2.1.7 does not implement any properties, so | 25 // The URL object in PhantomJS 2.1.7 does not implement any properties, so |
| 23 // we need a polyfill. | 26 // we need a polyfill. |
| 24 if (!URL || !("origin" in URL)) | 27 if (!URL || !("origin" in URL)) |
| 25 { | 28 { |
| 26 var doc = document.implementation.createHTMLDocument(); | 29 var doc = document.implementation.createHTMLDocument(); |
| 27 var anchor = doc.createElement("a"); | 30 var anchor = doc.createElement("a"); |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 61 if (!document.getElementById(id)) | 64 if (!document.getElementById(id)) |
| 62 return id; | 65 return id; |
| 63 return findUniqueId(); | 66 return findUniqueId(); |
| 64 } | 67 } |
| 65 | 68 |
| 66 function insertStyleRule(rule) | 69 function insertStyleRule(rule) |
| 67 { | 70 { |
| 68 var styleElement; | 71 var styleElement; |
| 69 var styleElements = document.head.getElementsByTagName("style"); | 72 var styleElements = document.head.getElementsByTagName("style"); |
| 70 if (styleElements.length) | 73 if (styleElements.length) |
| 74 { |
| 71 styleElement = styleElements[0]; | 75 styleElement = styleElements[0]; |
| 76 } |
| 72 else | 77 else |
| 73 { | 78 { |
| 74 styleElement = document.createElement("style"); | 79 styleElement = document.createElement("style"); |
| 75 document.head.appendChild(styleElement); | 80 document.head.appendChild(styleElement); |
| 76 } | 81 } |
| 77 styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length); | 82 styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length); |
| 78 } | 83 } |
| 79 | 84 |
| 80 function createElementWithStyle(styleBlock) | 85 function createElementWithStyle(styleBlock) |
| 81 { | 86 { |
| (...skipping 26 matching lines...) Expand all Loading... |
| 108 } | 113 } |
| 109 ); | 114 ); |
| 110 | 115 |
| 111 elemHideEmulation.load(function() | 116 elemHideEmulation.load(function() |
| 112 { | 117 { |
| 113 elemHideEmulation.apply(); | 118 elemHideEmulation.apply(); |
| 114 callback(); | 119 callback(); |
| 115 }); | 120 }); |
| 116 } | 121 } |
| 117 | 122 |
| 118 QUnit.test("Verbatim property selector", function(assert) | 123 QUnit.test( |
| 119 { | 124 "Verbatim property selector", |
| 120 var done = assert.async(); | 125 function(assert) |
| 121 var toHide = createElementWithStyle("{background-color: #000}"); | 126 { |
| 122 applyElemHideEmulation(["[-abp-properties='background-color: rgb(0, 0, 0)']"], | 127 var done = assert.async(); |
| 123 function() | 128 var toHide = createElementWithStyle("{background-color: #000}"); |
| 124 { | 129 applyElemHideEmulation( |
| 125 assert.hidden(toHide); | 130 ["[-abp-properties='background-color: rgb(0, 0, 0)']"], |
| 126 done(); | 131 function() |
| 127 }); | 132 { |
| 128 }); | 133 assert.hidden(toHide); |
| 129 | 134 done(); |
| 130 QUnit.test("Property selector with wildcard", function(assert) | 135 } |
| 131 { | 136 ); |
| 132 var done = assert.async(); | 137 } |
| 133 var toHide = createElementWithStyle("{background-color: #000}"); | 138 ); |
| 134 applyElemHideEmulation(["[-abp-properties='*color: rgb(0, 0, 0)']"], | 139 |
| 135 function() | 140 QUnit.test( |
| 136 { | 141 "Property selector with wildcard", |
| 137 assert.hidden(toHide); | 142 function(assert) |
| 138 done(); | 143 { |
| 139 }); | 144 var done = assert.async(); |
| 140 }); | 145 var toHide = createElementWithStyle("{background-color: #000}"); |
| 141 | 146 applyElemHideEmulation( |
| 142 QUnit.test("Property selector with regular expression", function(assert) | 147 ["[-abp-properties='*color: rgb(0, 0, 0)']"], |
| 143 { | 148 function() |
| 144 var done = assert.async(); | 149 { |
| 145 var toHide = createElementWithStyle("{background-color: #000}"); | 150 assert.hidden(toHide); |
| 146 applyElemHideEmulation(["[-abp-properties='/.*color: rgb\\(0, 0, 0\\)/']"], | 151 done(); |
| 147 function() | 152 } |
| 148 { | 153 ); |
| 149 assert.hidden(toHide); | 154 } |
| 150 done(); | 155 ); |
| 151 }); | 156 |
| 152 }); | 157 QUnit.test( |
| 153 | 158 "Property selector with regular expression", |
| 154 QUnit.test("Property selector with regular expression containing escaped brace", | 159 function(assert) |
| 155 function(assert) | 160 { |
| 156 { | 161 var done = assert.async(); |
| 157 var done = assert.async(); | 162 var toHide = createElementWithStyle("{background-color: #000}"); |
| 158 var toHide = createElementWithStyle("{background-color: #000}"); | 163 applyElemHideEmulation( |
| 159 applyElemHideEmulation( | 164 ["[-abp-properties='/.*color: rgb\\(0, 0, 0\\)/']"], |
| 160 ["[-abp-properties='/background.\\x7B 0,6\\x7D : rgb\\(0, 0, 0\\)/']"], | 165 function() |
| 161 function() | 166 { |
| 162 { | 167 assert.hidden(toHide); |
| 163 assert.hidden(toHide); | 168 done(); |
| 164 done(); | 169 } |
| 165 }); | 170 ); |
| 166 }); | 171 } |
| 167 | 172 ); |
| 168 QUnit.test("Property selector with regular expression containing improperly \ | 173 |
| 169 escaped brace", | 174 QUnit.test( |
| 170 function(assert) | 175 "Property selector with regular expression containing escaped brace", |
| 171 { | 176 function(assert) |
| 172 var done = assert.async(); | 177 { |
| 173 var toHide = createElementWithStyle("{background-color: #000}"); | 178 var done = assert.async(); |
| 174 applyElemHideEmulation( | 179 var toHide = createElementWithStyle("{background-color: #000}"); |
| 175 ["[-abp-properties='/background.\\x7B0,6\\x7D: rgb\\(0, 0, 0\\)/']"], | 180 applyElemHideEmulation( |
| 176 function() | 181 ["[-abp-properties='/background.\\x7B 0,6\\x7D : rgb\\(0, 0, 0\\)/']"], |
| 177 { | 182 function() |
| 178 assert.visible(toHide); | 183 { |
| 179 done(); | 184 assert.hidden(toHide); |
| 180 }); | 185 done(); |
| 181 }); | 186 } |
| 182 | 187 ); |
| 183 QUnit.test("Property selector works for dynamically changed property", | 188 } |
| 184 function(assert) | 189 ); |
| 185 { | 190 |
| 186 var done = assert.async(); | 191 QUnit.test( |
| 187 var toHide = createElementWithStyle("{}"); | 192 "Property selector with regular expression containing improperly escaped \ |
| 188 applyElemHideEmulation(["[-abp-properties='background-color: rgb(0, 0, 0)']"], | 193 brace", |
| 189 function() | 194 function(assert) |
| 190 { | 195 { |
| 191 assert.visible(toHide); | 196 var done = assert.async(); |
| 192 insertStyleRule("#" + toHide.id + " {background-color: #000}"); | 197 var toHide = createElementWithStyle("{background-color: #000}"); |
| 193 setTimeout(function() | 198 applyElemHideEmulation( |
| 194 { | 199 ["[-abp-properties='/background.\\x7B0,6\\x7D: rgb\\(0, 0, 0\\)/']"], |
| 195 assert.hidden(toHide); | 200 function() |
| 196 done(); | 201 { |
| 197 }); | 202 assert.visible(toHide); |
| 198 }); | 203 done(); |
| 199 }); | 204 } |
| 205 ); |
| 206 } |
| 207 ); |
| 208 |
| 209 QUnit.test( |
| 210 "Property selector works for dynamically changed property", |
| 211 function(assert) |
| 212 { |
| 213 var done = assert.async(); |
| 214 var toHide = createElementWithStyle("{}"); |
| 215 applyElemHideEmulation( |
| 216 ["[-abp-properties='background-color: rgb(0, 0, 0)']"], |
| 217 function() |
| 218 { |
| 219 assert.visible(toHide); |
| 220 insertStyleRule("#" + toHide.id + " {background-color: #000}"); |
| 221 setTimeout(function() |
| 222 { |
| 223 assert.hidden(toHide); |
| 224 done(); |
| 225 }); |
| 226 } |
| 227 ); |
| 228 } |
| 229 ); |
| LEFT | RIGHT |