can now find attributes by value

Author: NickStefan

src/middleware/find.js

@@ -36,11 +36,18 @@ export default function find(selector){
 
       // data attribute
       case '[':
+        var attributeName = _.first( subselector.slice(1,-1).split('=') )
+        var attributeValue = subselector.slice(1,-1).split('=').slice(1).join('=').replace(/^"(.*)"$/, '$1')
+
         els = TestUtils.findAllInRenderedTree(self.instance, function(component){
           if (component.getAttribute) {
-            return component.getAttribute(subselector.slice(1,-1))
+            var val = component.getAttribute(attributeName)
+            if (val === attributeValue || (val === 'true' && attributeValue === '')){
+              return true
+            }
           }
         })
+
         foundElements.push( Array.isArray(els) ? els : [els] )
         break
 

tests/components/component.jsx

@@ -23,7 +23,8 @@ export default class TestComponent extends Component {
           onClick={this.props.onClick}>
           Click Me
         </button>
-        <input name="bob" />
+        <input className="notbob" name />
+        <input className="bob" name="bob" />
         <TinyComponent test="true"/>
         <OtherComponent test="true"/>
       </section>

tests/find.jsx

@@ -41,8 +41,10 @@ describe('Find middleware', () => {
   it('should find an input with a name attribute that equals \'bob\'', ()=>{
     Test(<TestComponent/>)
     .find('input[name="bob"]')
+    .find('input[name]')
     .test(function(){
-      expect(this.elements['[input[name="bob"]']).to.not.equal(undefined)
+      expect(this.elements['input[name="bob"]'].className).equal('bob')
+      expect(this.elements['input[name]'].className).equal('notbob')
     })
   })