Node.js笔记六：单元测试

向右看齐 2022-07-10 04:56 162阅读 0赞

转载自：http://www.jianshu.com/p/0628ce43b6e0

> 源码github地址在此，记得点星：  
> [https://github.com/brandonxiang/example-mocha][https_github.com_brandonxiang_example-mocha]

单元测试是好代码必经的一步。在python中我使用过内置库unittest，相对来说，比较简单。单元测试会涉及到两个概念，BDD和TDD。

*  BDD 行为驱动开发（Behavior Driven Development）根据用户的行为需求去指导开发流程
 *  TDD 测试驱动开发（Test-Driven Development）先编写单元测试用例代码，测试代码确定需要编写什么产品代码

Javascript的测试框架非常多，参考[在Node.js上用什么测试框架好][Node.js]，在Node.js中，mocha应该是测试框架中的首选。在这里，主要介绍mocha，should.js和chai.js。

## mocha ##

[mocha][]本身只是一个单元测试框架，可以兼容第三方断言库。

*  [should.js][]
 *  [expect.js][]
 *  [chai][]
 *  [better-assert][]
 *  [unexpected][]

### 使用 ###

参考[brandonxiang/interpolator][brandonxiang_interpolator]中的测试用例。

`describe`用于描述你需要单元测试的对象，内嵌几层，把整个过程详细描述。

`it`用于描述你需要单元测试的行为，闭包的函数是测试的内容，测试内容依靠断言库。

## should.js ##

这是一个非常像自然语言语句的断言库。

如果你遇到的测试情况是数字5应该是准确的5，且是一个数字。

(5).should.be.exactly(5).and.be.a.Number();

同时，你想要检验它的内部属性。

var user = {
        name: 'tj'
      , pets: ['tobi', 'loki', 'jane', 'bandit']
    };
    
    user.should.have.property('name', 'tj');
    user.should.have.property('pets').with.lengthOf(4);

## chai.js ##

这是一个非常常用的断言库。

var chai = require('chai');  
    var assert = chai.assert;    // 用 Assert style
    var expect = chai.expect;    // 用 Expect style
    var should = chai.should();  // 用 Should style

#### 判断它等于某个值 ####

expect(foo).to.equal('bar');

#### 判断它是否为true ####

expect(foo).to.be.true;

#### 判断它属性某个类型 ####

expect(foo).to.be.a('string');

#### 判断它的长度 ####

expect(foo).to.have.lengthOf(3);

#### 判断它属性的长度 ####

expect(beverages).to.have.property('tea').with.lengthOf(3);

#### should和expect ####

`should`和`expect`之间的区别在于，它考虑到ie的错误点，保证浏览器的兼容性。

还有非常多的相关项目，它们可以辅助你完成断言测试。

*  [chaijs / chai-docs][chaijs _ chai-docs]: The chaijs.com website source code.
 *  [chaijs / assertion-error][chaijs _ assertion-error]: Custom `Error` constructor thrown upon an assertion failing.
 *  [chaijs / deep-eql][chaijs _ deep-eql]: Improved deep equality testing for Node.js and the browser.
 *  [chaijs / type-detect][chaijs _ type-detect]: Improved typeof detection for Node.js and the browser.
 *  [chaijs / check-error][chaijs _ check-error]: Error comparison and information related utility for Node.js and the browser.
 *  [chaijs / loupe][chaijs _ loupe]: Inspect utility for Node.js and browsers.
 *  [chaijs / pathval][chaijs _ pathval]: Object value retrieval given a string path.
 *  [chaijs / get-func-name][chaijs _ get-func-name]: Utility for getting a function's name for node and the browser.

## 用例 ##

如今vue-cli构建项目可以直接送你“一整套”单元测试和覆盖率的工具（使用的是`karma`，`mocha`和`chai`）。

#### 坑：错误vuex requires a Promise polyfill in this browser ####

使用vuex的项目在测试时会出现一个问题，参考[Vue unit test error: vuex requires a Promise polyfill in this browser][Vue unit test error_ vuex requires a Promise polyfill in this browser]，需要安装`babel-polyfill`。

npm install --save-dev babel-polyfill

在karma的配置文件`karma.conf.js`中添加：

files: [
      '../node_modules/babel-polyfill/dist/polyfill.js',
      'index.js'
    ],

转载，请表明出处。[总目录前端经验收集器][Link 1]  
转载，请表明出处。[总目录后端记事本][Link 2]

学习前端的过程中，我整理了很多资料，也希望能共享出来帮助到更多刚接触或者接触前端不久的同学。不过也为了把控微信群的质量，入群的一定要是前端的小伙伴才可以。入群我就会把资料发给每个人，每天也会挑选前沿的前端高质量文章发到群里给大家学习。想加入的同学可以加 **笑笑微信：iamaixiaoxiao**，拉你入群。再次强调，保证群高质量，群非前端不加，请谅解哦。扫描微信二维码也可以。

![Center][]

[https_github.com_brandonxiang_example-mocha]: https://github.com/brandonxiang/example-mocha
[Node.js]: https://www.zhihu.com/question/20075367
[mocha]: https://github.com/mochajs/mocha
[should.js]: https://github.com/shouldjs/should.js
[expect.js]: https://github.com/LearnBoost/expect.js
[chai]: http://chaijs.com/
[better-assert]: https://github.com/visionmedia/better-assert
[unexpected]: http://unexpected.js.org/
[brandonxiang_interpolator]: https://github.com/brandonxiang/interpolator
[chaijs _ chai-docs]: https://github.com/chaijs/chai-docs
[chaijs _ assertion-error]: https://github.com/chaijs/assertion-error
[chaijs _ deep-eql]: https://github.com/chaijs/deep-eql
[chaijs _ type-detect]: https://github.com/chaijs/type-detect
[chaijs _ check-error]: https://github.com/chaijs/check-error
[chaijs _ loupe]: https://github.com/chaijs/loupe
[chaijs _ pathval]: https://github.com/chaijs/pathval
[chaijs _ get-func-name]: https://github.com/chaijs/get-func-name
[Vue unit test error_ vuex requires a Promise polyfill in this browser]: http://stackoverflow.com/questions/40784305/vue-unit-test-error-vuex-requires-a-promise-polyfill-in-this-browser
[Link 1]: http://www.jianshu.com/p/c1e3b96c1293
[Link 2]: http://www.jianshu.com/p/3e3f75bd9fa4
[Center]: /images/20220709/4074f7679e7b438e9db2b287d3b5eaf1.png