使用Nuxt的VueJS应用程序的Jest测试覆盖率

Question

我有用NuxtJS编写的VueJS应用程序。这种设置导致我在不同目录中有许多文件index.vue。 当我用赞扬jest --no-cache --watch --coverage运行测试套件时，覆盖率结果只提取了1个文件index.vue。

我在package.json中开玩笑的配置是：

"jest": {
    "transform": {
      "^.+.vue$": "vue-jest",
      "^.+.js$": "babel-jest"
    },
    "collectCoverage": true,
    "collectCoverageFrom": [
      "**/*.{js,vue}",
      "!**/node_modules/**"
    ],
    "coverageReporters": [
      "text"
    ],
    "setupTestFrameworkScriptFile": "jest-extended"
}

结果仅显示1个index.vue文件的覆盖范围（即使我也有多个index.vue文件）。

我需要添加什么配置选项才能覆盖所有.vue文件？

Answer 1

乍一看，我希望看到Jest的moduleFileExtensions config option像这样：

 "jest": {
    "moduleFileExtensions": ["js", "json", "jsx", "node", "vue"],
    // The rest of your config...
  }

该选项告诉Jest应用程序的模块使用了哪些文件扩展名。