Issue 6680 - PropsSelector also depend on DOM modifications

test/browser/elemHideEmulation.js

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 223 matching lines @@
   applyElemHideEmulation(
     ["div > :-abp-properties(background-color: rgb(0, 0, 0)) > div"]
   ).then(() =>
   {
     expectVisible(test, parent);
     expectVisible(test, middle);
     expectHidden(test, toHide);
   }).catch(unexpectedError.bind(test)).then(() => test.done());
 };
 
+// Add the style. Then add the element for that style.
+// This should retrigger the filtering and hide it.
+exports.testPropertyPseudoSelectorAddStyleAndElement = function(test)
+{
+  let styleElement;
+  let toHide;
+  applyElemHideEmulation(
+    [":-abp-properties(background-color: rgb(0, 0, 0))"]
+  ).then(() =>
+  {
+    styleElement = testDocument.createElement("style");
+    testDocument.head.appendChild(styleElement);
+    styleElement.sheet.insertRule("#toHide {background-color: #000}");
+    return timeout(REFRESH_INTERVAL);
+  }).then(() =>
+  {
+    toHide = createElement();
+    toHide.id = "toHide";
+    expectVisible(test, toHide);
+    return timeout(REFRESH_INTERVAL);
+  }).then(() =>
+  {
+    expectHidden(test, toHide);
+  }).catch(unexpectedError.bind(test)).then(() => test.done());
+};
+
 exports.testPropertySelectorWithWildcard = function(test)
 {
   let toHide = createElementWithStyle("{background-color: #000}");
   applyElemHideEmulation(
     [":-abp-properties(*color: rgb(0, 0, 0))"]
   ).then(() =>
   {
     expectHidden(test, toHide);
   }).catch(unexpectedError.bind(test)).then(() => test.done());
 };
@@ skipping 761 matching lines @@
     for (let element of [...testDocument.getElementsByTagName("div"),
                          ...testDocument.getElementsByTagName("p")])
     {
       if (element.id == "n2" || element.id == "n2_3")
         expectProcessed(test, element, element.id);
       else
         expectNotProcessed(test, element, element.id);
     }
   }).catch(unexpectedError.bind(test)).then(() => test.done());
 };