Mocha+should+Karma自动化测试教程

Mocha+should+Karma自动化测试教程

1、了解TDD与BDD

首先，为何咱们了解TDD与BDD的是什么意思？

在实际项目中，大部分都是采用BDD的形式进行开发，也就是行为驱动开发。

TDD，测试驱动开发，先编写单元测试代码，再去实现功能。

更为详细的内容请自行查阅资料。

2、 node assert断言库

既然要作TDD作开发模式，首先咱们得了解node assert，大部分单元测试框架都是基于node assert的，因此先熟悉了node assert才能更好上手should.js。

• assert（断言）
  • assert.AssertionError类
    • new assert.AssertionError(option)
• 严格模式
• 遗留模式
• assert(value[, message]) -- 检测value是否为真值
• assert.deepEqual(actual,expected[, message]) -- 检测实际值与指望值是否深度相等
• assert.deepStrictEqual(actual,expected[, message]) -- 检测实际值与指望值是否严格深度相等
  • 比较运算的详细说明
• assert.doesNotReject(asyncFn[, error],[, message]) --
• assert.doesNotThrow(fn[, error],[, message])
• assert.equal(actual, expected[, message]) -- 检测实际值与指望值是否相等
• assert.fail([message]) --使用提供的错误消息或默认错误消息抛出 AssertionError
• assert.ifError(value) -- 检测实际值是否为undefined或null
• assert.notDeepEqual(actual,expected[, message]) -- 检测实际值与指望值非深度相等
• assert.notEqual(actual,expected[, message]) --检测实际值与指望值不相等
• assert.notStrictEqual(actual,expected[, message]) -- 检测实际值与指望值非严格相等
• assert.ok(value[, message]) -- 检测实际值是否为真值
• assert.rejects(asyncFn[, error], [, message]) --检测promise是否被拒绝
• assert.strictEqual(actual, expected[, message]) -- 检测实际值与指望值严格相等
• assert.throws(fn[, error], [, message]) -- 指望 fn 函数抛出错误。

3、mocha + should.js+ Karma

Mocha项目地址：visionmedia.github.com/mocha/

should项目地址：github.com/visionmedia…

Karma项目地址：karma-runner.github.io/

一、安装

• 首先建立一个空白的工程文件夹做为咱们的工程目录

cd E:	// 进入E盘
mkdir my-karma	// 建立my-karma工程文件夹
cd my-karma		// 进入my-karma工程文件夹
复制代码

• 输入命令安装Karma, mocha

npm install karma mocha --save-dev
复制代码

• 安装完成后

• 安装karma-mocha/karma-chrome-launcher依赖
• 安装should.js依赖

npm install karma-mocha karma-chrome-launcher --save-dev
npm install should --save-dev
复制代码

• 安装karma-cli来简化karma的调用，安装命令以下，其中-g表示全局参数，这样从此能够很是方便的使用karma了：

npm install -g karma-cli
复制代码

二、开启Karma

karma start
复制代码

运行后如图所示出现了一行INFO信息，并无其余提示和动做，由于此时咱们没有配置karma的启动参数。后面会加入karma.conf.js，这样karma就会自动启动浏览器并执行测试用例了

三、Karma+mocha配置：

• 命令init进行配置

karma init
复制代码

• 是windows电脑使用git bash执行该命令会报错，请更换为windows自带的命令框

• 默认配置：除第一项更改成mocha测试工具

• 配置说明：

1. 框架：选mocha
2. 是否添加Require.js插件
3. 测试文件路径设置，文件可以使用通配符
4. 在测试文件路径下，须要排除的文件
5. 是否容许Karma检测文件，yes表示当测试路径下的文件变化时，Karma会自动测试

• karma.conf.js参数介绍

/*** * Karma configuration * karma单元测试配置文件 */

module.exports = function(config) {

    config.set({

        /*** * 基础路径，用在files，exclude属性上 */
        basePath: "",

        /** * 测试框架 * 可用的框架：https://npmjs.org/browse/keyword/karma-adapter */
        frameworks: ["mocha"],

        /** * 须要加载到浏览器的文件列表 */
        files: [
            "test/*.js"
        ],

        /** * 排除的文件列表 */
        exclude: [
        ],

        /** * 在浏览器使用以前处理匹配的文件 * 可用的预处理: https://npmjs.org/browse/keyword/karma-preprocessor */
        preprocessors: {
            "karmaTest/test.js" : "coverage"
        },

        /** * 使用测试结果报告者 * 可能的值: "dots", "progress" * 可用的报告者：https://npmjs.org/browse/keyword/karma-reporter */
        reporters: ["progress", "coverage"],

        /** * 使用reporters为"coverage"时报告输出的类型和那目录 */
        coverageReporter: {
            type: "html",
            dir: "karmaTest/coverage"
        },

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

        /** * 启用或禁用输出报告或者日志中的颜色 */
        colors: true,

        /** * 日志等级 * 可能的值： * config.LOG_DISABLE //不输出信息 * config.LOG_ERROR //只输出错误信息 * config.LOG_WARN //只输出警告信息 * config.LOG_INFO //输出所有信息 * config.LOG_DEBUG //输出调试信息 */
        logLevel: config.LOG_INFO,

        /** * 启用或禁用自动检测文件变化进行测试 */
        autoWatch: true,


        /** * 测试启动的浏览器 * 可用的浏览器：https://npmjs.org/browse/keyword/karma-launcher */
        browsers: ["Chrome"],


        /** * 开启或禁用持续集成模式 * 设置为true, Karma将打开浏览器，执行测试并最后退出 */
        singleRun: true,

        /** * 并发级别（启动的浏览器数） */
        concurrency: Infinity
    });
};
复制代码

四、测试脚本

• 在工程目录下建立test文件夹，存放测试脚本

test.js

describe('验证add函数是否正确', function () {
    it('1 + 2', function () {
        should(add(1,2)).be.eql(3)
    })
})
复制代码

• 在工程目录下建立src文件夹，存放js函数文件

add.js

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

复制代码

• 修改karma.conf.js配置，添加须要加入到浏览器的文件路径

• 最后在命令行中输入启动测试

karma start

复制代码

• 出现测试成功，并打开chrome启动，表明测试程序成功了。