env-utils.js

/* eslint-disable class-methods-use-this */

import React from 'react'
import { connectToStores }    from 'fluxible-addons-react'

/**
 * In our unit test suite, it becomes really cumbersome to
 * test around the component wrapper that gets instantiated
 * through the `connectToStores` call. This method just lets
 * us avoid this wrapper for direct access to the component
 * under test.
 */
const _getConnectToStores = (env = process.env.NODE_ENV) => {

    if (env === 'test') {
        return component => component
    }

    // Otherwise, just return the Fluxible function
    return connectToStores

}

function _withDependenciesInContext(WrappedComponent, dependencies) {
    return class extends React.Component {
        getChildContext() {
            return dependencies
        }

        render() {
            return <WrappedComponent { ...this.props } />
        }
    }
}

const _getWithDependencies = (env = process.env.NODE_ENV) => {

    if (env === 'test') {
        // The test is responsible for explicitly specifying
        // each of the component's dependencies
        return component => component
    }

    // Otherwise, pack the dependencies provided into componentContext
    return _withDependenciesInContext

}

export default {
    connectToStores: _getConnectToStores(),
    withDependencies: _getWithDependencies(),
}