Fix: finish testing integrations

Author: RyanCCollins

app/src/containers/FeatureFirstContainer/index.js

@@ -11,7 +11,7 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import * as MyActions from './actions';
 
-class FeatureFirstContainer extends Component {
+export class FeatureFirstContainer extends Component {
   constructor(props) {
     super(props);
     this.initiateLoading = this.initiateLoading.bind(this);
@@ -36,7 +36,7 @@ class FeatureFirstContainer extends Component {
         :
           <div>
             <LogoImage
-              imageSource="https://github.com/RyanCCollins/cdn/raw/master/alumni-webapp/udacity-alumni-small.png?raw=true" 
+              imageSource="https://github.com/RyanCCollins/cdn/raw/master/alumni-webapp/udacity-alumni-small.png?raw=true"
             />
             <div className={styles.headerText}>
               <Header

app/src/containers/FeatureFirstContainer/tests/index.test.js

@@ -1,17 +1,29 @@
-import FeatureFirstContainer from '../index';
+import { FeatureFirstContainer } from '../index';
 import expect from 'expect';
 import React from 'react';
 import { shallow } from 'enzyme';
 
+function setup() {
+  const props = {
+    isLoading: true,
+  };
+  const wrapper = shallow(
+    <FeatureFirstContainer isLoading={props.isLoading} />
+  );
+  return {
+    props,
+    wrapper,
+  };
+}
 describe('<FeatureFirstContainer />', () => {
   it('should show a loading indicator while loading', () => {
-    const renderedComponent = shallow(
-      <FeatureFirstContainer isLoading />
-    );
+    const {
+      wrapper,
+    } = setup();
     expect(
-      renderedComponent.contains(
+      wrapper.contains(
         <h1>LOADING...</h1>
       )
-    ).toEqual(true);
+    ).toBe(true);
   });
 });

config/webpack/webpack.test.babel.js

@@ -10,7 +10,7 @@ const modules = [
   'node_modules',
 ];
 
-const ROOT_PATH = path.resolve('../../' + __dirname);
+const ROOT_PATH = path.resolve(__dirname);
 
 module.exports = {
   devtool: 'inline-source-map',
@@ -97,9 +97,9 @@ module.exports = {
     alias: {
       // required for enzyme to work properly
       sinon: 'sinon/pkg/sinon',
-      components: path.resolve(ROOT_PATH, 'app/src/components'),
-      containers: path.resolve(ROOT_PATH, 'app/src/containers'),
-      pages: path.resolve(ROOT_PATH, 'app/src/pages'),
+      components: path.resolve(ROOT_PATH, '../../app/src/components'),
+      containers: path.resolve(ROOT_PATH, '../../app/src/containers'),
+      pages: path.resolve(ROOT_PATH, '../../app/src/pages'),
     },
   },
 };

package.json

@@ -123,6 +123,7 @@
     "react-css-modules": "^3.7.6",
     "react-hot-loader": "^1.3.0",
     "redux-devtools": "^3.0.1",
+    "redux-mock-store": "^1.1.4",
     "webpack-dev-server": "^1.14.0",
     "webpack-visualizer-plugin": "^0.1.5"
   }