karma单元测试入门

申明：下列命令行是在mac运行环境下。

浏览器插件汇总
 * Chrome `karma-chrome-launcher`
 * ChromeCanary `karma-chrome-launcher`
 * PhantomJS `karma-phantomjs-launcher` 
 * Firefox `karma-firefox-launcher` 
 * Opera `karma-opera-launcher` 
 * IE `karma-ie-launcher` 
 * Safari `karma-safari-launcher` 

/**
 * 字符串翻转
 * @param name
 * @returns {string}
 */
function reverse(name) {
    return name.split("").reverse().join("");
}

/**
 * 判断是否是整数
 * @param num
 * @returns {boolean}
 */
function isInteger(num) {
    if (typeof num !== "number") return false;
    var pattern = /^[1-9]\d*$/g;
    return pattern.test(num);
}

/**
 * 判断value的数据类型
 * @param value
 */
function getTypeofVal(val) {
    if(typeof val == 'object'){
        return objType(val);
    }
    return typeof val;
}

/**
 * 获取对象的类型
 * @param arr
 * @returns {string}
 */
function objType(arr){
    return Object.prototype.toString.apply(arr);
}

/**
 * 测试整数  第一个单元测试expect(true).toEqual(isInteger(20));里面写了3种方式，都是可以的。
 */
describe("this is a integer test!", function () {
    it("Is integer", function () {
        expect(true).toEqual(isInteger(20));
        expect(isInteger(20)).toBe(true);
        expect(isInteger(20)).toEqual(true);
        expect(false).toEqual(isInteger("20"));
        expect(false).toEqual(isInteger(0));
        expect(false).toEqual(isInteger(0.1));
        expect(isInteger(0.1)).toEqual(false);
    })
});

/**
 * 测试倒序排列
 */
describe("this is a string reverse test!", function () {
    it("reverse String", function () {
        expect("DCBA").toEqual(reverse("ABCD"))
    })
});

/**
 * 测试数据类型
 */
describe("data type method test!", function () {
    it("base data type", function () {
        expect('number').toEqual(getTypeofVal(80));
        expect('string').toEqual(getTypeofVal("this is a string"));
        expect('number').toEqual(getTypeofVal(NaN));
        expect('boolean').toEqual(getTypeofVal(true));
    })

    it("object type",function(){
        expect('[object Null]').toEqual(objType(null));
    })
});

// Karma configuration
module.exports = function(config) {
  config.set({

    // 根路径，后面配置的基本所有相对路径都会根据这个路径来构造。
    basePath: '',


    // 使用到的框架
    // 目前支持的框架： https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['jasmine'],


    // 告诉karma业务代码和测试代码在哪
    files: [
        './src/**/*.js',
        './test/**/*.spec.js'
    ],


    // 需要从 files 中排除掉的文件
    exclude: [
        'karma.conf.js'
    ],


    // 指定对应的JS文件 去执行代码的覆盖率，
    // 需要做预处理的文件，以及这些文件对应的预处理器。
    // 此处就可以将 coffee 、 ES6 等代码转换一下。
    preprocessors: {
    },

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


    // 服务器端口号
    port: 9876,


    // 在输出内容（报告器和日志）中启用/禁用颜色
    colors: true,


    // 日志级别
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // 启用/禁用监视文件变化重新执行测试的功能
    autoWatch: true,


    // 要测试的目标环境 ,既然数组可以同时使用多个如：browsers: ['Chrome', 'Firefox', 'Safari'],
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['PhantomJS'],


    // 命令窗口独立运行环境，不打开浏览器则时true.
    // 这个地方需要注意，如果选择了chrome等图形界面浏览器则是flase。
    singleRun: true,

    // Concurrency level
    // how many browser should be started simultaneous
    concurrency: Infinity
  })
}

reporters: ['progress','coverage'],
preprocessors : {'./test/**/*.js': ['coverage']},
coverageReporter: {
    type : 'html',
    dir : 'coverage/'
}