Karma - 02 示例

1. 按照上一篇文章，安装Karma及相关包，并添加配置文件

2. 添加测试代码
增加test目录，添加源代码src.js

function add(a,b){
   return a + b;
}

测试文件一般以*.spec.js结尾。添加src.spec.js

describe('hello', function() {
  it('test add', function() {
    var a = add(3, 6);
    expect(a).toEqual(9);
  });

  it('test add', function() {
    var a = add(3, 6);
    expect(a).toEqual(10);
  });
});

确保配置文件karma.config.js中包含了测试目标代码

files: [
  'test/*.js'
]

3. 启动测试

karma start karma.config.js

启动后会在9876端口启动一个server，并提示测试结果：一个成功，一个失败

测试结果

同时会启动Chrome浏览器，加载client page。负责与server端、实际测试页面进行通信

client page

点击debug进入实际测试页面（context page），执行具体的测试代码

context page

4. 不启动浏览器
如果想不启动浏览器仅仅在控制台输出结果，则可以修改karma.config.js的browsers为ChromeHeadless

browsers: ['ChromeHeadless'],