Issue 6680 - PropsSelector also depend on DOM modifications

test/browser/elemHideEmulation.js

Index: test/browser/elemHideEmulation.js
===================================================================
--- a/test/browser/elemHideEmulation.js
+++ b/test/browser/elemHideEmulation.js
@@ -236,16 +236,42 @@
   ).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);