Swaps jest for karma (Fix #2)

It's still jasmine, but the react test-runner wars are over and jest
won. In it goes!

Author: rjz

.gitignore

@@ -4,3 +4,4 @@ typings
 *.swp
 npm-debug.log
 src/**/*.js
+coverage

package.json

@@ -10,7 +10,7 @@
     "watch": "webpack --watch",
     "lint": "tslint -c tslint.json 'src/**/*.{ts,tsx}'",
     "pretest": "npm run lint",
-    "test": "karma start karma.conf --single-run=true"
+    "test": "jest --coverage"
   },
   "typings": "typings/index.d.ts",
   "author": "RJ Zaworski <rj@rjzaworski.com> (http://rjzaworski.com)",
@@ -27,13 +27,8 @@
     "babel-loader": "^6.2.5",
     "babel-preset-es2015": "^6.14.0",
     "jasmine-core": "2.4.1",
-    "karma": "^1.1.2",
-    "karma-jasmine": "1.0.2",
-    "karma-phantomjs-launcher": "^1.0.1",
-    "karma-sinon": "1.0.5",
-    "karma-spec-reporter": "0.0.26",
-    "karma-webpack": "^1.7.0",
-    "phantomjs-prebuilt": "^2.1.10",
+    "jest": "^17.0.3",
+    "jest-cli": "^17.0.3",
     "react-addons-test-utils": "^15.3.0",
     "sinon": "1.17.4",
     "source-map-loader": "0.1.5",
@@ -44,5 +39,16 @@
     "webpack": "^1.13.1",
     "webpack-fail-plugin": "^1.0.5",
     "zakalwe": "https://github.com/rjz/zakalwe.git"
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js"
+    ],
+    "transform": {
+      "^.+\\.(ts|tsx)$": "<rootDir>/preprocessor.js"
+    },
+    "testRegex": "/__tests__/.*\\.(ts|tsx|js)$"
   }
 }

preprocessor.js

@@ -0,0 +1,11 @@
+var tsc = require('typescript');
+var tsConfig = require('./tsconfig.json');
+
+module.exports = {
+  process: function (src, path) {
+    if (path.match(/\.tsx?$/)) {
+      return tsc.transpile(src, tsConfig.compilerOptions, path, []);
+    }
+    return src;
+  }
+};

src/components/__tests__/counter_spec.tsx

@@ -22,7 +22,8 @@ describe('components/Counter', () => {
     const wrapper = renderElement(
       <Provider store={store}>
         <Counter label='a counter!' />
-      </Provider>)
+      </Provider>
+    )
     const counter = findComponentByType(wrapper, Counter)
     return counter
   }
@@ -39,19 +40,14 @@ describe('components/Counter', () => {
     expect(label.textContent).toEqual('a counter!')
   })
 
-
   describe('clicking "increment"', () => {
-    let counter: React.Component<{}, {}>
-
-    beforeEach(() => {
-      counter = setup()
+    it('increments counter', () => {
+      const counter = setup()
       const [ increment ] = TestUtils.scryRenderedDOMComponentsWithTag(counter, 'button')
       TestUtils.Simulate.click(increment)
       TestUtils.Simulate.click(increment)
       TestUtils.Simulate.click(increment)
-    })
 
-    it('increments counter', () => {
       const pre = TestUtils.findRenderedDOMComponentWithTag(counter, 'pre')
       expect(JSON.parse(pre.textContent).counter.value).toEqual(3)
     })

src/middleware/__tests__/index_spec.ts

@@ -4,6 +4,8 @@ import { apiMiddleware } from '../'
 
 import { api } from '../../api'
 
+import * as sinon from 'sinon'
+
 import {
   Action,
   loadCount,

tsconfig.json

@@ -9,6 +9,5 @@
   },
   "files": [
     "typings/index.d.ts"
-  ],
-  "exclude": []
+  ]
 }