在vue.js中的istanbul，mocha和vue-test-utils的覆盖范围中找不到.vue文件

问题描述

我使用vue-test-utils测试了我的VueJS应用。我想报道一下。我使用伊斯坦布尔可以进行此报道。 所有.js文件都显示在coverage中，但没有.vue文件。

编辑：@Vue/cli v.4.5.4和Vue v.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",...
  }

解决方法

测试* .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