v0.0.11 Set up Client Side Testing - zhentian-wan/MEANAppsFiles GitHub Wiki

###Install

npm install --save-dev karma mocha karma-mocha karma-chai-plugins
bower install --save angular-mocks

If this is the first time you install karma on your computer, you also need to do:

 npm install karam-cli -g

Set up:

// Karma configuration
// Generated on Fri May 15 2015 00:00:15 GMT+0300 (FLE Daylight Time)

module.exports = function(config) {
    config.set({

        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: '',


        // frameworks to use
        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
        frameworks: ['mocha', 'chai', 'sinon-chai'],


        // list of files / patterns to load in the browser
        files: [
            'public/vendor/angular/angular.min.js',
            'public/vendor/angular-resource/angular-resource.min.js',
            'public/vendor/angular-mocks/angular-mocks.js',
            'test/test-app.js',
            'public/app/**/*.js',
            'test/tests/**/*.js'
        ],


        // list of files to exclude
        exclude: [
            'public/app/app.js'
        ],


        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors: {},


        // test results reporter to use
        // possible values: 'dots', 'progress'
        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
        reporters: ['progress'],


        // web server port
        port: 9876,


        // enable / disable colors in the output (reporters and logs)
        colors: true,


        // level of logging
        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
        logLevel: config.LOG_INFO,


        // enable / disable watching file and executing tests whenever any file changes
        autoWatch: true,


        // start these browsers
        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
        browsers: ['Chrome'],


        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun: false
    });
};

Because we didn't include the app.js, so we need to create a new entry point for angular app.

test/test-app.js:

angular.module('app', ['ngResource']);
var toastr = {};

RUN

 karma start