这两天想试一下coveralls,遂找了一个测试比较全的,使用mocha
的React + Redux
的Todo项目试验了一下,想着在这个基础上做一做练习,用用karma
、Jest
、AVA
,结果刚开始就遇到了一个坑,折腾了好久才解决。
这个坑的大概是由于测试文件中使用了ES6
语法,使用istanbul cover
命令的时候就会报错,在网上找了很多方法试验,最终是成功的方法记录如下
1、 安装必要的包
yarn add cross-env babel-plugin-istanbul nyc --dev
2、 在package.json
中添加如下内容
{
…
"nyc": {
"require": [
"babel-register"
],
"reporter": [
"lcov",
"text"
],
"include": [
# 测试文件路径,如 "test/**/*.spec.js"
],
"sourceMap": false,
"instrument": false
}
…
}
或者新建一个.nycrc
文件放入
{
"require": [
"babel-register"
],
"reporter": [
"lcov",
"text"
],
"include": [
# 测试文件路径,如 "test/**/*.spec.js"
],
"sourceMap": false,
"instrument": false
}
3、 在.babelrc
的env
中添加
{
…
"env": {
…
"test": {
"plugins": [
[
"istanbul", {
"exclude": [
# 测试文件路径,如 "**/*.spec.js"
]
}
]
]
}
}
}
4、 在package.json
的scripts
中加入
"test:cov": "cross-env NODE_ENV=test nyc --reporter=text --reporter=lcov mocha test/**/*.spec.js"
5、 在终端执行yarn test:cov
,最终成功效果如下
6、 最后再添加上.travis.yml
和.coveralls.yml
文件,再通过一些配置,就可以有