Feat: finish implementation of jest

- Remove old karma packages
- Alter generators with new setup, using jest
  and enzyme

Author: RyanCCollins

config/generators/component/test.js.hbs

@@ -1,11 +1,13 @@
 import {{ properCase name }} from '../index';
-
-import expect from 'expect';
 import { shallow } from 'enzyme';
+import { shallowToJson } from 'enzyme-to-json';
 import React from 'react';
 
 describe('<{{ properCase name }} />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
+  it('should render with default props', () => {
+    const wrapper = shallow(
+      <{{ properCase name }} />
+    );
+    expect(shallowToJson(wrapper)).toMatchSnapshot();
   });
 });

config/generators/container/actions.js.hbs

@@ -1,8 +1,6 @@
-import {
-  {{ uppercase name }}_DEFAULT_ACTION,
-} from './constants';
+import * as types from './constants';
 
 // {{ camelCase name }}defaultAction :: None -> {Action}
 export const {{ camelCase name }}DefaultAction = () => ({
-  type: {{ uppercase name }}_DEFAULT_ACTION,
+  type: types.{{ uppercase name }}_DEFAULT_ACTION,
 });

config/generators/container/actions.test.js.hbs

@@ -1,18 +1,14 @@
 import expect from 'expect';
-import {
-  {{ camelCase name }}DefaultAction,
-} from '../actions';
-import {
-  {{ uppercase name }}_DEFAULT_ACTION,
-} from '../constants';
+import * as actions from '../actions';
+import * as types from '../constants';
 
 describe('{{ properCase name }} actions', () => {
   describe('Default Action', () => {
     it('has a type of DEFAULT_ACTION', () => {
       const expected = {
-        type: {{ uppercase name }}_DEFAULT_ACTION,
+        type: types.{{ uppercase name }}_DEFAULT_ACTION,
       };
-      expect({{ camelCase name }}DefaultAction()).toEqual(expected);
+      expect(actions.{{ camelCase name }}DefaultAction()).toEqual(expected);
     });
   });
 });

config/generators/container/reducer.js.hbs

@@ -1,19 +1,17 @@
-import {
-  {{ uppercase name }}_DEFAULT_ACTION,
-} from './constants';
+import * as types from './constants';
 
-const initialState = {
+export const initialState = {
   // Initial State goes here!
 };
 
 const {{ camelCase name }}Reducer =
   (state = initialState, action) => {
     switch (action.type) {
-      case DEFAULT_ACTION:
+      case types.DEFAULT_ACTION:
         return state;
       default:
         return state;
     }
-};
+  };
 
 export default {{ camelCase name }}Reducer;

config/generators/container/reducer.test.js.hbs

@@ -1,9 +1,5 @@
 import expect from 'expect';
-import {{ camelCase name }}Reducer from '../reducer';
-
-const initialState = {
-  // Initial State goes here!
-};
+import {{ camelCase name }}Reducer, { initialState } from '../reducer';
 
 describe('{{ camelCase name }}Reducer', () => {
   it('returns the initial state', () => {

config/generators/container/test.js.hbs

@@ -1,11 +1,20 @@
 import {{ properCase name }} from '../index';
-
-import expect from 'expect';
 import { shallow } from 'enzyme';
+import { shallowToJson } from 'enzyme-to-json';
 import React from 'react';
+import configureMockStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+import { initialState } from '../reducer';
+
+const middlewares = [thunk];
+const mockStore = configureMockStore(middlewares);
 
 describe('<{{ properCase name }} />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
+  it('should render with default props', () => {
+    const store = mockStore(initialState);
+    const wrapper = shallow(
+      <{{ properCase name }} store={store} />
+    );
+    expect(shallowToJson(wrapper)).toMatchSnapshot();
   });
 });

package.json

@@ -14,7 +14,8 @@
     "test": {
       "plugins": [
         [
-          "babel-plugin-webpack-loaders", {
+          "babel-plugin-webpack-loaders",
+          {
             "config": "./config/testing/webpack.test.config.js",
             "verbose": false
           }
@@ -126,31 +127,13 @@
     "babel-eslint": "^5.0.0-beta4",
     "babel-jest": "^15.0.0",
     "babel-preset-es2015": "^6.9.0",
-    "chai": "^3.4.1",
-    "chai-enzyme": "^0.5.0",
-    "chai-immutable": "^1.5.3",
-    "chai-jsx": "^1.0.1",
     "cross-env": "^2.0.0",
     "enzyme": "^2.4.1",
+    "enzyme-to-json": "^1.0.3",
     "eslint": "^1.10.3",
     "eslint-config-airbnb": "^4.0.0",
     "eslint-loader": "^1.1.1",
     "eslint-plugin-react": "^3.11.3",
-    "isparta": "^4.0.0",
-    "isparta-loader": "2.0.0",
-    "jest-webpack-alias": "^3.2.2",
-    "jsdom": "^7.2.0",
-    "karma": "1.1.1",
-    "karma-chrome-launcher": "1.0.1",
-    "karma-coverage": "1.1.1",
-    "karma-firefox-launcher": "1.0.0",
-    "karma-ie-launcher": "1.0.0",
-    "karma-mocha": "1.1.1",
-    "karma-mocha-reporter": "2.0.4",
-    "karma-safari-launcher": "1.0.0",
-    "karma-sourcemap-loader": "0.3.7",
-    "karma-webpack": "1.7.0",
-    "mocha": "^2.3.4",
     "npm-install-webpack-plugin": "^4.0.3",
     "null-loader": "0.1.1",
     "plop": "1.5.0",