Tests added for basic connect functionality.

prescottprue · prescottprue · Oct 18, 2016 · Oct 17, 2016 · Oct 18, 2016 · Oct 18, 2016
commit 2b63a36a5e0d1996a4e926c1b81c24db9c0b0d22
diff --git a/.babelrc b/.babelrc
@@ -3,6 +3,7 @@
   "plugins": [
     "es6-promise",
     "add-module-exports",
-    "lodash"
+    "lodash",
+    "transform-decorators-legacy"
   ]
 }
diff --git a/package.json b/package.json
@@ -1,14 +1,10 @@
 {
   "name": "react-redux-firebase",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Higher Order Component to use Firebase version 3 with Redux",
   "main": "dist/index.js",
   "module": "src/index.js",
   "jsnext:main": "src/index.js",
-  "files": [
-    "dist",
-    "src"
-  ],
   "scripts": {
     "build": "babel src --out-dir dist",
     "build-dev": "babel src --out-dir dist --watch --src-maps inline",
@@ -47,26 +43,6 @@
       "url": "https://github.com/tiberiuc"
     }
   ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/prescottprue/react-redux-firebase.git"
-  },
-  "bugs": {
-    "url": "https://github.com/prescottprue/react-redux-firebase/issues"
-  },
-  "homepage": "https://github.com/prescottprue/react-redux-firebase#readme",
-  "keywords": [
-    "firebase",
-    "redux",
-    "react",
-    "react-redux",
-    "redux-firebase",
-    "react",
-    "babel",
-    "hoc",
-    "react-redux-firebase"
-  ],
   "dependencies": {
     "firebase": "^3.5.0",
     "immutable": "^3.8.1",
@@ -85,6 +61,7 @@
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-plugin-es6-promise": "^1.0.0",
     "babel-plugin-lodash": "^3.2.9",
+    "babel-plugin-transform-decorators-legacy": "^1.3.4",
     "babel-preset-es2015": "^6.16.0",
     "babel-preset-react": "^6.16.0",
     "babel-preset-stage-1": "^6.16.0",
@@ -98,10 +75,37 @@
     "eslint-plugin-react": "^6.4.1",
     "eslint-plugin-standard": "^2.0.1",
     "isparta": "^4.0.0",
+    "jsdom": "^9.8.0",
     "mocha": "^3.1.2",
+    "react-addons-test-utils": "^15.3.2",
+    "react-dom": "^15.3.2",
     "rimraf": "^2.5.4"
   },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/prescottprue/react-redux-firebase.git"
+  },
+  "bugs": {
+    "url": "https://github.com/prescottprue/react-redux-firebase/issues"
+  },
+  "homepage": "https://github.com/prescottprue/react-redux-firebase#readme",
+  "keywords": [
+    "firebase",
+    "redux",
+    "react",
+    "react-redux",
+    "redux-firebase",
+    "react",
+    "babel",
+    "hoc",
+    "react-redux-firebase"
+  ],
   "npmName": "react-redux-firebase",
+  "files": [
+    "dist",
+    "src"
+  ],
   "npmFileMap": [
     {
       "basePath": "/dist/",

diff --git a/test/setup.js b/test/setup.js
@@ -4,3 +4,9 @@ process.env.NODE_ENV = 'test'
 
 var chai = global.chai = require('chai')
 var expect = global.expect = chai.expect
+
+import { jsdom } from 'jsdom'
+
+global.document = jsdom('<!doctype html><html><body></body></html>')
+global.window = document.defaultView
+global.navigator = global.window.navigator
diff --git a/test/unit/connect.spec.js b/test/unit/connect.spec.js
@@ -0,0 +1,87 @@
+import React, { createClass, Children, PropTypes, Component } from 'react'
+import ReactDOM from 'react-dom'
+import connect from '../../src/connect'
+import reduxFirebase from '../../src/compose'
+import TestUtils from 'react-addons-test-utils'
+import { createStore, compose, combineReducers } from 'redux'
+
+const apiKey = 'AIzaSyCTUERDM-Pchn_UDTsfhVPiwM4TtNIxots'
+const authDomain = 'redux-firebasev3.firebaseapp.com'
+const databaseURL = 'https://redux-firebasev3.firebaseio.com'
+const testFbConfig = {
+  databaseURL,
+  apiKey,
+  authDomain
+}
+
+describe('Connect', () => {
+  class Passthrough extends Component {
+    render () {
+      return <div>{JSON.stringify(this.props)}</div>
+    }
+  }
+
+  class ProviderMock extends Component {
+    getChildContext () {
+      return { store: this.props.store }
+    }
+
+    render () {
+      return Children.only(this.props.children)
+    }
+  }
+
+  ProviderMock.childContextTypes = {
+    store: PropTypes.object.isRequired
+  }
+
+  function stringBuilder (prev = '', action) {
+    return action.type === 'APPEND'
+      ? prev + action.body
+      : prev
+  }
+
+  it('throws for invalid databaseURL', () => {
+    const createStoreWithMiddleware = compose(
+      reduxFirebase({}, { userProfile: 'users' }),
+      typeof window === 'object' && typeof window.devToolsExtension !== 'undefined' ? window.devToolsExtension() : f => f
+    )(createStore)
+
+    expect(createStoreWithMiddleware).to.throw(Error)
+  })
+
+  it('throws for invalid authDomain', () => {
+    const createStoreWithMiddleware = compose(
+      reduxFirebase({ databaseURL }, { userProfile: 'users' }),
+      typeof window === 'object' && typeof window.devToolsExtension !== 'undefined' ? window.devToolsExtension() : f => f
+    )(createStore)
+
+    expect(createStoreWithMiddleware).to.throw(Error)
+  })
+
+  it('should receive the store in the context', () => {
+    const createStoreWithMiddleware = compose(
+      reduxFirebase(testFbConfig, { userProfile: 'users' }),
+      typeof window === 'object' && typeof window.devToolsExtension !== 'undefined' ? window.devToolsExtension() : f => f
+    )(createStore)
+    const store = createStoreWithMiddleware(combineReducers({ test: (state = {}) => state }))
+
+    @connect()
+    class Container extends Component {
+      render() {
+        return <Passthrough {...this.props} />
+      }
+    }
+
+    const tree = TestUtils.renderIntoDocument(
+      <ProviderMock store={store}>
+        <Container pass="through" />
+      </ProviderMock>
+    )
+
+    const container = TestUtils.findRenderedComponentWithType(tree, Container)
+    expect(container.context.store).to.equal(store)
+  })
+
+
+})
diff --git a/test/unit/helpers.spec.js b/test/unit/helpers.spec.js
@@ -1,6 +1,7 @@
 /* global describe expect it */
 import helpers from '../../src/helpers'
-const exampleData = { data: { some: 'data' }}
+const exampleData = { data: { some: 'data' } }
+
 describe('helpers', () => {
   it('toJS', () => {
     describe('exists', () => {

diff --git a/test/unit/library.spec.js b/test/unit/library.spec.js
@@ -1,7 +1,7 @@
 /* global describe expect it */
 import src from '../../src'
 
-describe('redux-firebasev3', () => {
+describe('module', () => {
   describe('exports', () => {
     it('firebase', () => {
       expect(src).to.respondTo('firebase')