migrated to using jest tesing harness

Author: piotrwitek

.gitignore

@@ -29,6 +29,9 @@ src/**/*.map
 node_modules
 jspm_packages
 
+# Test snapshots
+__snapshots__
+
 # Build directory
 dist
 temp

jest.config.json

@@ -0,0 +1,26 @@
+{
+  "automock": false,
+  "moduleFileExtensions": [
+    "ts",
+    "tsx",
+    "js"
+  ],
+  "unmockedModulePathPatterns": [
+    "<rootDir>/node_modules/react",
+    "<rootDir>/node_modules/react-redux",
+    "<rootDir>/node_modules/react-dom",
+    "<rootDir>/node_modules/react-addons-test-utils",
+    "<rootDir>/node_modules/fbjs"
+  ],
+  "transform": {
+    "^.+\\.(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
+  },
+  "testResultsProcessor": "<rootDir>/node_modules/ts-jest/coverageprocessor.js",
+  "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx)$",
+  "notify": false,
+  "verbose": true,
+  "globals": {
+    "window": {},
+    "__TS_CONFIG__": "<rootDir>/src/tsconfig.json"
+  }
+}

package.json

@@ -27,12 +27,14 @@
     "lint": "tslint 'src/**/*.ts[x]'",
     "tsc": "tsc -p src",
     "tsc:watch": "tsc -p src -w",
-    "test": "echo 'migrating to jest'",
+    "test": "jest --config ./jest.config.json",
+    "test:update": "jest -u --config ./jest.config.json",
     "regenerator": "node scripts/regenerator.js",
     "build:regenerator": "npm run build:app && npm run regenerator"
   },
   "devDependencies": {
     "@types/classnames": "^0.0.32",
+    "@types/jest": "^16.0.1",
     "@types/react": "^0.14.43",
     "@types/react-dom": "^0.14.11",
     "@types/react-redux": "^4.4.32",
@@ -43,11 +45,13 @@
     "@types/systemjs": "^0.19.32",
     "@types/whatwg-fetch": "^0.0.32",
     "husky": "^0.11.8",
+    "jest": "^17.0.3",
     "jspm": "^0.17.0-beta.32",
     "jspm-hmr": "^0.5.0",
     "regenerator": "^0.9.5",
     "shelljs": "^0.7.5",
     "shx": "^0.2.1",
+    "ts-jest": "^17.0.3",
     "tslint": "^4.0.2",
     "typescript": "^2.1.4"
   },

src/services/local-storage/app-store.spec.tsx

@@ -1,4 +1,4 @@
-import { createAction, handleActions, Action } from 'redux-actions';
+import { handleActions, Action } from 'redux-actions';
 import * as Immutable from 'seamless-immutable';
 
 const RESPONSE_MOCK: IFixerServiceResponse = {
@@ -13,9 +13,15 @@ const LOAD_CURRENCY_RATES_SUCCESS = 'currencyRates/LOAD_CURRENCY_RATES_SUCCESS';
 const LOAD_CURRENCY_RATES_ERROR = 'currencyRates/LOAD_CURRENCY_RATES_ERROR';
 
 // Action Creators
-export const loadCurrencyRates = createAction<void>(LOAD_CURRENCY_RATES);
-export const loadCurrencyRatesSuccess = createAction<IFixerServiceResponse>(LOAD_CURRENCY_RATES_SUCCESS);
-export const loadCurrencyRatesError = createAction<string>(LOAD_CURRENCY_RATES_ERROR);
+export const loadCurrencyRates = () => ({ type: LOAD_CURRENCY_RATES });
+export const loadCurrencyRatesSuccess = (payload: any) => ({
+  type: LOAD_CURRENCY_RATES_SUCCESS,
+  payload: payload,
+});
+export const loadCurrencyRatesError = (payload: any) => ({
+  type: LOAD_CURRENCY_RATES_ERROR,
+  payload: payload,
+});
 
 
 // Reducer

src/store/currency-rates-reducer.tsx

@@ -1,9 +1,20 @@
-import * as test from 'blue-tape';
+// MOCKING
+jest.mock('redux-actions', () => {
+  return {
+    handleActions: () => ({}),
+  };
+}, { virtual: true });
+jest.mock('seamless-immutable', () => {
+  return {
+    from: () => ({}),
+  };
+}, { virtual: true });
+
 import * as currencyRatesActions from '../currency-rates-reducer';
 
 // testing action creators
 
-test('testing action creator currencyRatesFetchSuccess', function (t) {
+test('testing action creator currencyRatesFetchSuccess', () => {
   // arrange
   // tslint:disable
   const results = {
@@ -23,12 +34,10 @@ test('testing action creator currencyRatesFetchSuccess', function (t) {
   };
 
   // assert
-  t.deepEqual(actual, expected, 'should deep equal expected action');
-  t.end();
-
+  expect(actual).toEqual(expected);
 });
 
-test('testing action creator currencyRatesFetchError', function (t) {
+test('testing action creator currencyRatesFetchError', () => {
   // arrange
   const errorMessage = 'Error Message';
 
@@ -40,8 +49,7 @@ test('testing action creator currencyRatesFetchError', function (t) {
   };
 
   // assert
-  t.deepEqual(actual, expected, 'should deep equal expected action');
-  t.end();
+  expect(actual).toEqual(expected);
 });
 
 // testing reducer