[fixed] substitutions in nested selectors

lib/select.js

@@ -212,15 +212,21 @@ function findAll(root, test, getParent, includeSelf) {
 }
 
 function getTagComparer(rule, values) {
+  var isStr = function isStr(t) {
+    return typeof t === 'string';
+  };
   var tagName = values[rule.tagName] || rule.tagName;
 
   if (rule.tagName === '*') return function () {
     return true;
   };
 
-  if (typeof tagName === 'string') return function (root) {
-    return root.type.toUpperCase() === tagName.toUpperCase();
-  };
+  if (isStr(tagName)) {
+    tagName = tagName.toUpperCase();
+    return function (root) {
+      return isStr(root.type) && root.type.toUpperCase() === tagName;
+    };
+  }
 
   return function (root) {
     return root.type === tagName;

src/select.js

@@ -126,7 +126,7 @@ export function compileRule(rules, parent, values, ast){
 
   if (rule.hasOwnProperty('nestingOperator') ){
     let immediate = rule.nestingOperator === '>'
-    let nestedCompiled = compileRule(rules, rule, ast);
+    let nestedCompiled = compileRule(rules, rule, values, ast);
 
     fns.push((root, parent) => {
       let method = immediate ? directParent : anyParent

test.js

@@ -149,13 +149,25 @@ describe('Element Selecting', ()=> {
       match(s`div ${List}.foo`,
         <div>
           <span>
-            <a className='foo' show/>
+            <a className='foo' show />
           </span>
           <List className='foo'/>
         </div>
       ).length.should.equal(1)
     })
 
+    it('should match with nested tag substitutions', ()=>{
+      let List = ()=> <div/>;
+
+      match(s`${List}.foo > span`,
+        <div>
+          <List className='foo'>
+            <span/>
+          </List>
+        </div>
+      ).length.should.equal(1)
+    })
+
     it('should match with prop value substitions', ()=>{
       let date = new Date();