集成 Karma 和 Jasmine 进行单元测试

1、简介
单元测试：对每一个function进行独立测试，验证数据能否正确流入、流出
Jasmine：编写测试脚本
Karma：驱动测试脚本

2、准备工作
安装node.js，初始化 npm 包管理，创建 package.json 项目管理文件。

3、安装Karma
(1)在项目中安装karma
命令 E:\project\karmatest> npm i -D karma

(2)全局安装karma-cli
命令 E:\project\karmatest> npm i -g karma-cli

4、安装 Jasmine 和 chrome-launcher(浏览器的适配器)
命令 E:\project\karmatest> npm i -D jasmine-core karma-jasmine karma-chrome-launcher

5、创建 karma 配置文件
(1)初始化karma，配置项除了路径都填默认值即可，完成后即生成karma.conf.js文件

(2)启动 karma
命令：E:\project\karmatest> karma start

启动后，karma会自动打开chrome浏览器，出现如下画面，点击debug按钮，然后打开控制台，由于还未编写测试用例，此刻控制台中应该还没有打印值。

6、用 Jasmine 编写测试用例
(1)在项目目录下创建一个名为 test 的子文件夹来保存测试用例。然后在 test 文件夹中创建一个 unit 的文件夹来保存单元测试用例。

(2) 在项目目录下，创建一个名为 src 的子文件夹来保存我们的应用代码，在其中创建一个名为 add.js 的脚本文件，我们将测试它的工作是否正确。

(3) add.js代码：

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

(4) 针对add方法写两个测试用例，保存到 ./test/unit/add.spec.js 文件中，一般我们约定测试用例的文件名以 .spec.js 为结尾。

describe('add方法的测试用例', function(){          it('用例1，这个用例必须成功', function(){        var result  = add( 2, 3 );        expect( result ).toBe( 5 );    });    it('用例2，这个用例必须失败', function(){        var result = add( 2, 3 );        expect(result).toBe( 6 );    })});

(5) 确认在我们 karma 的配置文件karma.conf.js中，包含了我们的测试用例。

 // list of files / patterns to load in the browser    files: [      'test/**/*.spec.js'    ],

(6)用第5步(2)的方式启动karma，已经启动的刷新刚刚的debug页面即可。观察控制台打印值。

附：Jasmine 常用语法，转自：http://blog.csdn.net/huangpb123/article/details/70168221