Version 1.4.4 (#189)

* Adds two statics to a connected component:
  * `wrappedComponent`, which is the original component (useful for testing without mocking firebase)
  * `displayName` is set to reveal what component is wrapped by FirebaseConnect. This makes debugging easier
* Tests added for both new statics listed above
* Remove open collective as a dependency (not used in `postinstall`)

Author: prescottprue

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-redux-firebase",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Redux integration for Firebase. Comes with a Higher Order Component for use with React.",
   "browser": "dist/react-redux-firebase.js",
   "main": "lib/index.js",
@@ -36,7 +36,7 @@
     "immutable": "^3.8.1",
     "jwt-decode": "^2.2.0",
     "lodash": "^4.17.4",
-    "opencollective": "^1.0.3"
+    "react-display-name": "^0.2.0"
   },
   "peerDependencies": {
     "react": "^0.14.6 || ^15.0.0"

src/connect.js

@@ -1,4 +1,5 @@
 import React, { Component, PropTypes } from 'react'
+import getDisplayName from 'react-display-name'
 import { isEqual } from 'lodash'
 import hoistStatics from 'hoist-non-react-statics'
 import { watchEvents, unWatchEvents } from './actions/query'
@@ -56,7 +57,11 @@ export default (dataOrFn = []) => WrappedComponent => {
 
     static contextTypes = {
       store: PropTypes.object.isRequired
-    };
+    }
+
+    static displayName = `FirebaseConnect(${getDisplayName(WrappedComponent)}`
+
+    static wrappedComponent = WrappedComponent
 
     componentWillMount () {
       const { firebase, dispatch } = this.context.store

tests/unit/connect.spec.js

@@ -1,9 +1,10 @@
 import React, { createClass, Children, Component, PropTypes } from 'react'
 import ReactDOM from 'react-dom'
-import connect from '../../src/connect'
+import firebaseConnect from '../../src/connect'
 import reactReduxFirebase from '../../src/compose'
 import TestUtils from 'react-addons-test-utils'
 import { createStore, compose, combineReducers } from 'redux'
+import getDisplayName from 'react-display-name'
 
 describe('Connect', () => {
   class Passthrough extends Component {
@@ -40,7 +41,7 @@ describe('Connect', () => {
     )(createStore)
     const store = createStoreWithMiddleware(combineReducers({ test: (state = {}) => state }))
 
-    @connect()
+    @firebaseConnect()
     class Container extends Component {
       render() {
         return <Passthrough {...this.props} />
@@ -60,4 +61,28 @@ describe('Connect', () => {
     expect(container.context.store).to.equal(store)
   })
 
+
+
+  it('sets displayName static as FirebaseConnect${WrappedComponentName}', () => {
+    class Container extends Component {
+      render() {
+        return <Passthrough {...this.props} />
+      }
+    }
+
+    const containerPrime = firebaseConnect()(Container)
+    expect(containerPrime.displayName).to.equal(`FirebaseConnect(${getDisplayName(Container)}`)
+  })
+
+  it('sets WrappedComponent static as component which was wrapped', () => {
+    class Container extends Component {
+      render() {
+        return <Passthrough {...this.props} />
+      }
+    }
+
+    const containerPrime = firebaseConnect()(Container)
+    expect(containerPrime.wrappedComponent).to.equal(Container)
+  })
+
 })