您现在的位置是：首页 > 文章详情

JavaScript单元测试的“抹茶”组合：Mocha和Chai

日期：2021-08-18点击：1249收藏

mocha是一个javascript的测试框架，chai是一个断言库，两者搭配使用更佳，所以合称“抹茶”（其实mocha是咖啡）。“抹茶”特点是：简单，node和浏览器都可运行。

BDD：Behavior Driven Development，行为驱动开发，注重测试逻辑
TDD：Test-Driven Development，测试驱动开发，注重输出结果

Mocha

Mocha是一个功能丰富的JavaScript测试框架，可以运行在 node 和浏览器上，使异步测试变得简单而有趣。Mocha在运行测试用例过程中，当捕获到错误时，依旧能够灵活地运行精确的报告。mocha 默认的模式是 BDD。

官网：https://mochajs.org/

在 Node.js 中，目前比较流行的单元测试组合是 mocha + chai。mocha 是一个测试框架，chai 是一个断言库，所以合称”抹茶”。

安装

npm install --g mocha

运行

//mocha [debug] [options] [files] mocha --recursive test

基本方法

Mocha 有三个基本方法：

describe(moduleName, function)

describe 是可嵌套的，描述测试用例是否正确。

describe('测试模块的描述', function() { // .... });

it(info, function)

info为描述性说明。一个it对应一个单元测试用例。

describe('单元测试的描述，一般写明用途和返回值', function() { // .... });

assert.equal(exp1, exp2)

mocha 的断言语句，判断 exp1 是否等于 exp2。

异步代码测试

done

一个 it 里面只有一个 done。

done 标识回调的最深处，也是嵌套回调函数的末端。

describe('User', function() { describe('#save()', function() { it('should save without error', function(done) { var user = new User('Luna'); user.save(done); }); }); });

Test Hooks方法

before()、after()、beforeEach()、afterEach() 是基于 BDD 风格提出的，用于预处理和 test 后的处理。

Test Hooks 方法的几个注意点：

beforeEach 会对当前 describe 下的所有子 case 生效；
before 和 after 的代码没有特殊顺序要求；
同一个 describe 下的执行顺序为 before、beforeEach、afterEach、after；
当一个 it 有多个 before 的时候，执行顺序是从最外围的 describe 的 before 开始，其他同理。

describe('hooks', function() { before(function() { // runs before all tests in this block }); after(function() { // runs after all tests in this block }); beforeEach(function() { // runs before each test in this block }); afterEach(function() { // runs after each test in this block }); // test cases });

Hooks 的三种写法：

beforeEach(function() { }); beforeEach(function nameFun() { }); beforeEach("some description", function() { });

only()、skip()函数

describe 块和 it 块都允许调用 only() 和 skip() 方法。

only() 方法表示在当前的父 describe 块下，只执行该单元的测试。

skip() 方法表示在当前的父 describe 块下，跳过不执行该单元的测试。

当在一个 describe 块下，同时存在 only() 和 skip() 方法，则只执行 .only() 方法。

describe('Array', function() { describe.only('父describe块下只执行该测试单元', () => { it.skip('跳过的测试单元', () => { //... }); }); describe('不执行', () => { //... }); });