前端单元测试（未完。。）

最新推荐文章于 2025-09-12 14:39:04 发布

转载最新推荐文章于 2025-09-12 14:39:04 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000018238895

文章标签：

#前端 #测试 #ViewUI

本文介绍Mocha测试框架及Chai断言库的基本使用，包括测试套件（describe）、测试用例（it）的定义，以及before、after、beforeEach、afterEach钩子的运用，帮助读者掌握单元测试的基础。

测试用例基础

describe块称为"测试套件"（test suite），表示一组相关的测试。它是一个函数，第一个参数是测试套件的名称（"加法函数的测试"），第二个参数是一个实际执行的函数。
describe钩子：

`describe('hooks', function() {
   
   before(function() {
     // 在本区块的所有测试用例之前执行
   });
   
   after(function() {
     // 在本区块的所有测试用例之后执行
   });
   
   beforeEach(function() {
     // 在本区块的每个测试用例之前执行
   });
   
   afterEach(function() {
     // 在本区块的每个测试用例之后执行
   });
   
   // test cases
});`

it块称为"测试用例"（test case），表示一个单独的测试，是测试的最小单位。它也是一个函数，第一个参数是测试用例的名称，第二个参数是一个实际执行的函数。
```
describe('加法函数的测试', function() {
  it('1 加 1 应该等于 2', function() {
    expect(add(1, 1)).to.be.equal(2);
  });
});
```

mocha

断言库：should.js - BDD style shown throughout these docs
expect.js - expect() style assertions
chai - expect(), assert() and should-style assertions
better-assert - C-style self-documenting assert()
unexpected - "the extensible BDD assertion toolkit"