這兩天想試一下coveralls,遂找了一個(gè)測試比較全的,使用mocha
的React + Redux
的Todo項(xiàng)目試驗(yàn)了一下娱颊,想著在這個(gè)基礎(chǔ)上做一做練習(xí),用用karma
凯砍、Jest
、AVA
拴竹,結(jié)果剛開始就遇到了一個(gè)坑悟衩,折騰了好久才解決。
這個(gè)坑的大概是由于測試文件中使用了ES6
語法栓拜,使用istanbul cover
命令的時(shí)候就會報(bào)錯(cuò)座泳,在網(wǎng)上找了很多方法試驗(yàn),最終是成功的方法記錄如下
1幕与、 安裝必要的包
yarn add cross-env babel-plugin-istanbul nyc --dev
2挑势、 在package.json
中添加如下內(nèi)容
{
…
"nyc": {
"require": [
"babel-register"
],
"reporter": [
"lcov",
"text"
],
"include": [
# 測試文件路徑,如 "test/**/*.spec.js"
],
"sourceMap": false,
"instrument": false
}
…
}
或者新建一個(gè).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香拉、 在終端執(zhí)行yarn test:cov
,最終成功效果如下
6中狂、 最后再添加上.travis.yml
和.coveralls.yml
文件凫碌,再通過一些配置,就可以有