Merge pull request #17 from Legitcode/feature/element

added .element

Author: zackify

package.json

@@ -1,6 +1,6 @@
 {
   "name": "legit-tests",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "a chainable testing library for React",
   "main": "lib/legit-tests.js",
   "scripts": {
@@ -27,22 +27,20 @@
   "homepage": "https://github.com/legitcode/tests#readme",
   "devDependencies": {
     "babel": "^5.8.23",
-    "babel-core": "^5.8.23",
-    "babel-eslint": "^4.1.1",
+    "babel-core": "^5.8.25",
+    "babel-eslint": "^4.1.3",
     "babel-loader": "^5.3.2",
-    "chai": "^3.2.0",
-    "eslint": "^0.24.1",
-    "eslint-plugin-react": "^2.7.0",
-    "expect": "^1.8.0",
-    "mocha": "^2.2.5",
+    "chai": "^3.3.0",
+    "eslint": "^1.5.1",
+    "eslint-plugin-react": "^3.4.2",
+    "expect": "^1.10.0",
+    "mocha": "^2.3.3",
     "mocha-babel": "^3.0.0",
     "react-hot-loader": "^1.3.0",
-    "sinon": "^1.16.1",
-    "webpack": "^1.12.1",
-    "webpack-dev-server": "^1.10.1"
+    "sinon": "^1.17.0"
   },
   "dependencies": {
-    "jsdom": "^6.5.0",
+    "jsdom": "^6.5.1",
     "react": "^0.13.3"
   }
 }

src/legit-tests.js

@@ -30,6 +30,21 @@ class Test {
     return this
   }
 
+  element(select, callback) {
+    if(!this.helpers) return
+
+    let element
+    if(typeof select === 'string') {
+      element = this.helpers.elements[select]
+      callback.call(this, element)
+      return this
+    }
+
+    element = this.getFirst(this.helpers.elements)
+    select.call(this, element)
+    return this
+  }
+
   test(callback) {
     var params = this.params()
     callback.call(params, params)
@@ -44,6 +59,12 @@ class Test {
     return this
   }
 
+  //private
+
+  getFirst(object){
+    for (let element in object) return object[element]
+  }
+
   //Built in middleware
 
   find(data){

tests/element.jsx

@@ -0,0 +1,26 @@
+import Test from '../src/legit-tests'
+import {Find} from '../src/middleware'
+import { expect } from 'chai';
+
+import TestComponent from './component'
+import TinyComponent from './tiny-component'
+
+describe('.element', () => {
+
+  it('should find box', () => {
+    Test(<TestComponent/>)
+    .find('.box')
+    .element(box => {
+      expect(box.props.children).to.be.equal('found me!')
+    })
+  });
+
+  it('should find box, not div', () => {
+    Test(<TestComponent/>)
+    .find('.box')
+    .find('div')
+    .element('box', box => {
+      expect(box.props.children).to.be.equal('found me!')
+    })
+  });
+});