使用 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 您的应用程序模块使用了哪些文件扩展名。

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

Jest test coverage for VueJS application with Nuxt

test-coverage

vue.js

jestjs