angularjs test

日渐感觉测试的重要性，不仅保证产品的质量，对以后重构提供保障

Karma的安装就不说了

npm install -g karma-cli

npm install -g karma

配置文件

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: ['jasmine'],


        // list of files / patterns to load in the browser
        files: [
            'js/plugins/angular/angular.js',
            'js/plugins/angular/angular-*.js',
            'test/angular-mocks.js',
            //recaptcha_ajax.js',
            'js/apps/*.js',
            'js/controllers/*.js',
            'test/**/*.js'
        ],


        // list of files to exclude
        exclude: [],


        // 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'],

        // 用到的插件,比如chrome浏览器与jasmine插件
        plugins : [
          //'karma-phantomjs-launcher',
            'karma-chrome-launcher',
            'karma-firefox-launcher',
            'karma-jasmine',
            'karma-junit-reporter'
        ],
        // 设置输出测试内容文件的信息
        junitReporter : {
            outputFile: 'test_out/unit.xml',
            suite: 'unit'
        },
        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun: false
    });
};

 另一个requirejs

// Karma configuration
// Generated on Wed Oct 29 2014 19:27:14 GMT+0800 (中国标准时间)
//karma start karma.config.js

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: ['jasmine'], //'requirejs',


        // list of files / patterns to load in the browser
        files: [
            '../../web/static/js/angularjs/1.3.0/angular.js',
            '../../web/static/js/angularjs/1.3.0/angular-mocks.js',
            '../../web/static/dist/**/*.js',
            {
                pattern: '../../web/static/js/angularjs/1.3.0/angular-scenario.js',
                included: false
            },
            'testSpec.js',
            'main-test.js'

        ],


        // list of files to exclude
        exclude: [],
        //'../../web/static/js/angularjs/requireMain/*.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'],

        // 用到的插件,比如chrome浏览器与jasmine插件
        plugins: [
            //'karma-phantomjs-launcher',
            'karma-chrome-launcher',
            'karma-firefox-launcher',
            'karma-jasmine',
            'karma-junit-reporter'
        ],
        // 设置输出测试内容文件的信息
        junitReporter: {
            outputFile: 'test_out/unit.xml',
            suite: 'unit'
        },
        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun: false
    });
};

反正我能跑起来

实例

describe("A spec (with setup and tear-down)", function() {
    var foo;

    beforeEach(function() {
        foo = 0;
        foo += 1;
    });

    afterEach(function() {
        foo = 0;
    });

    it("is just a function, so it can contain any code", function() {
        expect(foo).toEqual(1);
    });

    it("can have more than one expectation", function() {
        expect(foo).toEqual(1);
        expect(true).toEqual(true);
    });
});

运行

karma start karma.config.js

这篇文章可以看看：http://www.oschina.net/translate/how-to-unit-test-controllers-in-angularjs-without-setting-your-hair-on-fire