feat(testing): add karma / jasmine testing support

- add dependencies
- add karma.conf.js with webpack support
- add webpack karma context for loading of angular mocks and tests
- add example karma test (todo-service.spec.js)

Author: tomastrajan

karma.conf.js

@@ -0,0 +1,37 @@
+var webpack = require('webpack');
+
+module.exports = function(config) {
+    config.set({
+        browsers:   ['Chrome'],
+        frameworks: ['jasmine'],
+        reporters:  ['mocha'],
+
+        logLevel: config.LOG_INFO,
+        autoWatch: true,
+        singleRun: false,
+        colors: true,
+        port: 9876,
+
+        basePath: '',
+        files: ['webpack.karma.context.js'],
+        preprocessors: { 'webpack.karma.context.js': ['webpack'] },
+        exclude: [],
+        webpack: {
+            devtool: 'eval',
+            module: {
+                loaders: [
+                    {test: /\.js$/, loader: 'babel?optional[]=runtime&stage=1', exclude: /(\.test.js$|node_modules)/},
+                    {test: /\.css$/, loader: 'style!css'},
+                    {test: /\.tpl.html/, loader: 'html'},
+                    {test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/, loader: 'url?limit=50000'}
+                ]
+            },
+            plugins: [
+                new webpack.ProvidePlugin({
+                    $: 'jquery',
+                    jQuery: 'jquery'
+                })
+            ]
+        }
+    });
+};

package.json

@@ -7,9 +7,10 @@
     "start": "webpack-dev-server --TARGET=DEV",
     "build": "webpack --display-chunks --display-reasons --display-error-details --display-modules",
     "dist": "webpack --TARGET=DIST",
-    "test": "mocha --compilers js:mocha-babel ./src/**/*.test.js",
     "server_build": "node server.js",
-    "server_dist": "node server.js --TARGET=DIST"
+    "server_dist": "node server.js --TARGET=DIST",
+    "test": "mocha --compilers js:mocha-babel ./src/**/*.test.js",
+    "karma": "karma start"
   },
   "author": "tomas.trajan@gmail.com",
   "license": "ISC",
@@ -27,6 +28,7 @@
     "lodash": "^3.10.1"
   },
   "devDependencies": {
+    "angular-mocks": "^1.4.7",
     "awesome-typescript-loader": "^0.11.3",
     "babel": "^5.8.21",
     "babel-loader": "^5.3.2",
@@ -38,6 +40,12 @@
     "file-loader": "^0.8.4",
     "html-loader": "^0.3.0",
     "html-webpack-plugin": "^1.6.1",
+    "jasmine-core": "^2.3.4",
+    "karma": "^0.13.10",
+    "karma-chrome-launcher": "^0.2.0",
+    "karma-jasmine": "^0.3.6",
+    "karma-mocha-reporter": "^1.1.1",
+    "karma-webpack": "^1.7.0",
     "minimist": "^1.1.3",
     "mocha": "^2.2.5",
     "mocha-babel": "^3.0.0",

src/feature-b/services/todo-service.spec.js

@@ -0,0 +1,50 @@
+'use strict';
+
+describe('TodoService', function () {
+
+    var service;
+
+    beforeEach(angular.mock.module('main'));
+
+    beforeEach(angular.mock.module(function ($provide) {
+        $provide.constant('initialTodos', []);
+    }));
+
+    beforeEach(angular.mock.inject(function (_TodoService_) {
+        service = _TodoService_;
+    }));
+
+    it('should contain empty todos after initialization', function() {
+        expect(service.todos.length).toBe(0);
+    });
+
+    it('should add todo', function () {
+        service.addTodo('Finish example project');
+        expect(service.todos.length).toBe(1);
+        expect(service.todos[0].label).toBe('Finish example project');
+        expect(service.todos[0].done).toBe(false);
+    });
+
+    it('should toggle todo', function () {
+        service.addTodo('Finish example project');
+        expect(service.todos[0].done).toBe(false);
+
+        service.toggleTodo('Finish example project');
+        expect(service.todos[0].done).toBe(true);
+
+        service.toggleTodo('Finish example project');
+        expect(service.todos[0].done).toBe(false);
+    });
+
+    it('should remove done todos', function () {
+        service.addTodo('Todo1');
+        service.addTodo('Todo2');
+        service.addTodo('Todo3');
+        expect(service.todos.length).toBe(3);
+
+        service.toggleTodo('Todo1');
+        service.removeDoneTodos();
+        expect(service.todos.length).toBe(2);
+    });
+
+});

webpack.karma.context.js

@@ -0,0 +1,7 @@
+import angular from 'angular';
+import mocks from 'angular-mocks';
+
+import main from './src/main';
+
+let context = require.context('./src', true, /\.spec\.js/);
+context.keys().forEach(context);