在vuejs中的istanbul、mocha和vue测试utils的覆盖范围中找不到.vue文件

Question

我用vue测试实用程序测试我的VueJS应用程序。我想投保。我使用伊斯坦布尔可以有这个报道。所有.js文件都显示在覆盖范围内，但没有.vue文件。

编辑：@Vue/cliv.4.5.4和Vuev.2.6.12

我的nyc.config.js文件

module.exports = {
'check-coverage': false,
'per-file': true,
'skip-full': true,
all: true,
include: ['src/**/*.{js,vue}'],
exclude: [
'src/*.js',
'**/index.js',
'src/plugins/*',
],
reporter: ['lcov', 'text', 'text-summary'],
extension: ['.js', '.vue'],
}

我的babel.config.js文件

module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
env: {
test: {
plugins: [
['istanbul'],
],
},
},
}

我的package.json文件

"scripts": {
...
"test:unit": "vue-cli-service test:unit",
"test:unit:coverage": "nyc vue-cli-service test:unit",
...
}

Answer 1

测试*.vue文件时，该文件的目录显示在corevage列表中。

编辑：或添加

module.exports = {
chainWebpack: (config) => {
if (process.env.NODE_ENV === 'test') {
config.merge({
target: 'node',
devtool: 'eval'
}
},
}

在您的vue.config.js中

来源：https://github.com/vuejs/vue-test-utils-mocha-webpack-example/issues/3