karma 基础配置

1. karma.conf.js配置文件

module.exports = function(config){
    config.set({
        //基础路径：表示karma从哪个位置开始找文件
        basePath:''，

        //测试环境
        browsers:true,

        //框架 jasmine mocha都可以
        framework:['jasmine']，

        //测试的入口文件
        files:['./index.js'],

        //排除文件，可以是正则
        exclude:[]，

        //对指定文件的预处理
        preprocessors:{
            './index.js': ['webpack', 'sourcemap']，
        }，

        //结果报表
        reporters:[''],

        //colors 报表中是否有颜色区分
        colors:true,

        //port 服务器端口
        port:8080,

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

        // 文件变化是否自动刷新
           autoWatch: true,

        //是否依附浏览器运行
        singleRun:false,

        //并发数，同时支持多少个浏览器运行
        concurrency:Infinity,

        //webpack配置
        webpack:webpackConfig,

        //代码覆盖率配置节点
        coverageReporter:{
            dir:'./coverage',
            reporters:[
                {type:'lcov',subdir:'.'},
                {type:'text-summary'}
            ]
        }


    })
}

2.测试代码 *.spec.js

import {init} from '../../src/ma'
import data from '../mocks/demo'

describe('demo.spec', function(){
    it('body',() => {
        init();
        let button = document.querySelector('.btn');
        button.textContent = data.btnName;
        expect(button.textContent).toEqual(data.btnName);
    })
});

参考资料：

1. jasmine
2. mocha