Allow :not() selector for the content select attribute

Fixes #485
googlearchive · Aug 6, 2014 · d565a12 · d565a12
1 parent c4da637
commit d565a12
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/ShadowRenderer.js b/src/ShadowRenderer.js
@@ -538,7 +538,8 @@
   //   ClassSelector
   //   IDSelector
   //   AttributeSelector
-  var selectorStartCharRe = /^[*.#[a-zA-Z_|]/;
+  //   negation
+  var selectorStartCharRe = /^(:not\()?[*.#[a-zA-Z_|]/;
 
   function matches(node, contentElement) {
     var select = contentElement.getAttribute('select');

diff --git a/test/js/test.js b/test/js/test.js
@@ -193,6 +193,29 @@ suite('Shadow DOM', function() {
                  '<a data-test="a b c"></a>');
     });
 
+    suite('Not selector', function() {
+      testRender('Type',
+                 '<a></a><b></b>',
+                 '<content select=":not(a)"></content>',
+                 '<b></b>');
+      testRender('ID',
+                 '<a id="a"></a><a id="b"></a>',
+                 '<content select=":not(#a)"></content>',
+                 '<a id="b"></a>');
+      testRender('Class',
+                 '<a class="a"></a><a class="b"></a>',
+                 '<content select=":not(.a)"></content>',
+                 '<a class="b"></a>');
+      testRender('Attribute',
+                 '<a a="a"></a><a b="b"></a>',
+                 '<content select=":not([a])"></content>',
+                 '<a b="b"></a>');
+      testRender('Attribute Value',
+                 '<a x="a"></a><a x="b"></a>',
+                 '<content select=":not([x=a])"></content>',
+                 '<a x="b"></a>');
+    });
+
   });
 
   suite('Nested shadow hosts', function() {