《玩转Webpack》学习笔记之day10打卡第四章42-43讲

77 阅读1分钟

单元测试与测试覆盖率

image.png

编写单元测试用例

image.png

单元测试用例接入

  1. 安装mocha+chai npm i mocha chai -D

  2. 新建test目录,并增加xxx.test.js测试文件

  3. 在package.json中的scripts字段增加test命令 “scripts”: { "test":"node_modules/mocha/bin/_mocha" }

  4. 执行测试命令 npm run test 官网:mochajs.org

测试覆盖率 istanbul

npm i istanbul -D

持续集成和Travis CI

持续集成的作用

image.png

优点:

  • 快速发现错误
  • 防止分支大幅偏移主干

核心措施是: 代码集成到主干之前,必须通过自动化测试。只要一个测试用例失败,就不能集成。

image.png

接入Travis CI

  1. travis-ci.org 使用Github账号登录
  2. travis-ci.org/account/rep… 为项目开启
  3. 项目根目录下新增.travis.yml

travis.yml文件内容

image.png

参考

程柳锋 极课时间 《玩转Webpack》第四章42-43讲