Merge pull request #20 from Legitcode/feature/store-tests

Add testing helpers for alt stores

Author: zackify

README.md

@@ -116,6 +116,21 @@ Test(<TestComponent />)
 
 ~~~
 
+You can see more examples in the tests directory.
 
+##Testing Alt Stores
 
-You can see more examples in the tests directory.
+You can now test [Alt](http://alt.js.org/) stores using the same API.
+
+~~~js
+import TestStore from 'legit-tests/alt/store'
+
+TestStore(MyStore, MyActions)
+.setInitialState({ todos: todos })
+.addTodo({ title: "Get Beer", complete: false })
+.test(({ state }) => {
+  expect(state.todos).to.eql(expected);
+})
+~~~
+
+You can see the full documentation on the Wiki

mocha.opts

@@ -1,3 +1,4 @@
 --full-trace
 --compilers js:babel/register
+--harmony-proxies
 --recursive ./tests/**/*.jsx

package.json

@@ -28,6 +28,7 @@
   },
   "homepage": "https://github.com/legitcode/tests#readme",
   "devDependencies": {
+    "alt": "^0.17.3",
     "babel": "^5.8.23",
     "babel-core": "^5.8.25",
     "babel-eslint": "^4.1.3",
@@ -37,6 +38,7 @@
     "eslint": "^1.5.1",
     "eslint-plugin-react": "^3.4.2",
     "expect": "^1.10.0",
+    "harmony-reflect": "^1.4.2",
     "mocha": "^2.3.3",
     "mocha-babel": "^3.0.0",
     "react-hot-loader": "^1.3.0",

src/alt/alt.js

@@ -0,0 +1,3 @@
+import Alt from 'alt'
+
+export default new Alt()

src/alt/store.js

@@ -0,0 +1,31 @@
+import 'harmony-reflect'
+
+class TestStore {
+  constructor(store, actions) {
+    this.store = store
+    this.actions = actions
+  }
+
+  test(callback) {
+    callback.call(this, this.store)
+    return this
+  }
+}
+
+export default function TestStoreWrapper(store, actions) {
+  var proxy = new Proxy(new TestStore(store, actions), {
+    get: function(target, name) {
+      if (name in target) {
+        return target[name]
+      }
+      else if (name in target.actions) {
+        return (params) => {
+          target.actions[name](params)
+          return proxy
+        }
+      }
+    }
+  })
+
+  return proxy
+}

tests/find.jsx

@@ -7,7 +7,6 @@ import { expect } from 'chai'
 import { TestComponent, TinyComponent } from './components'
 
 describe('Find middleware', () => {
-
   it('should find div', () => {
     Test(<TestComponent/>)
     .find('div')

tests/store.jsx

@@ -0,0 +1,43 @@
+import { expect } from 'chai'
+import TestStore from '../src/alt/store'
+
+import { MyStore, MyActions } from './testStore'
+
+describe('TestStore', () => {
+  let todos = [
+    {
+      title: "Get Milk",
+      complete: false
+    },
+    {
+      title: "Get Bread",
+      complete: false
+    }
+  ]
+
+  let expected = [
+    {
+      title: "Get Milk",
+      complete: false
+    },
+    {
+      title: "Get Bread",
+      complete: false
+    },
+    {
+      title: "Get Beer",
+      complete: false
+    }
+  ]
+
+  describe('proxy', () => {
+    it('should proxy missing method calls to the call function', () => {
+      TestStore(MyStore, MyActions)
+      .setInitialState({ todos: todos })
+      .addTodo({ title: "Get Beer", complete: false })
+      .test(({ state }) => {
+        expect(state.todos).to.eql(expected)
+      })
+    })
+  })
+})

tests/testStore.js

@@ -0,0 +1,26 @@
+import alt from '../src/alt/alt'
+
+class myActions {
+  constructor() {
+    this.generateActions('addTodo', 'setInitialState')
+  }
+}
+
+const MyActions = alt.createActions(myActions)
+
+class myStore {
+  constructor() {
+    this.bindActions(MyActions)
+  }
+
+  setInitialState(params) {
+    this.setState(params)
+  }
+
+  addTodo(todo) {
+    this.setState({ todos: this.todos.concat(todo) })
+  }
+}
+
+const MyStore = alt.createStore(myStore, 'MyStore')
+export { MyStore, MyActions }