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

Question

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

我在 package.json 中 jest 的配置是：

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

结果仅显示 1 个 index.vue 文件的覆盖率（即使我有多个以及其他 .vue 文件）。

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

Answer 1

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

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

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