vue 2 jest 覆盖不正确答案

【问题标题】：vue 2 jest coverage is incorrectvue 2 jest 覆盖不正确
【发布时间】：2022-06-19 11:59:46
【问题描述】：

我已使用来自https://v1.test-utils.vuejs.org/ 的安装说明设置单元测试

测试运行正常。但是覆盖范围不正确。

在报告中，由于某种原因，它显示它只有 1 个语句、1 个函数、2 个分支。

它没有显示所有行的覆盖范围。它在第一行显示覆盖范围，在其他任何地方都不显示覆盖范围。不知道这是什么问题。

我正在使用 Bootstrap-vue 来渲染组件。这会产生覆盖问题吗？我问这个是因为 helloworld 组件的 example.spec.js 正确显示了覆盖范围。

我的开发依赖项

"devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-plugin-unit-jest": "^5.0.4",
    "@vue/cli-service": "~5.0.0",
    "@vue/test-utils": "^1.3.0",
    "@vue/vue2-jest": "^27.0.0-alpha.2",
    "babel-jest": "^27.0.6",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "flush-promises": "^1.0.2",
    "jest": "^27.0.5",
    "node-sass": "^7.0.1",
    "sass-loader": "^12.6.0",
    "vue-template-compiler": "^2.6.14"
  },

【问题讨论】：

您好，您可以添加更多详细信息吗？你是如何运行你的测试的？您使用的是什么代码覆盖率工具？显示示例代码和示例覆盖率报告。

标签： vue.js code-coverage vue-test-utils vue-testing-library

【解决方案1】：

我也面临同样的问题。

这里注意到两种不同的覆盖范围。使用 Vue 2：包装信息： { “名称”：“vue_two_without_ts”， “版本”：“0.1.0”， “私人”：真的， “脚本”：{ "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test:unit": "vue-cli-service test:unit", “lint”：“vue-cli-service lint” }, “依赖”：{ "core-js": "^3.8.3", “vue”：“^2.6.14” }, “开发依赖”：{ "@babel/core": "^7.12.16", "@babel/eslint-parser": "^7.12.16", "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-plugin-unit-jest": "~5.0.0", "@vue/cli-service": "~5.0.0", "@vue/test-utils": "^1.1.3", "@vue/vue2-jest": "^27.0.0-alpha.2", "babel-jest": "^27.0.6", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", "笑话": "^27.0.5", “vue 模板编译器”：“^2.6.14” } }

enter image description here

vue 3：包装详情： { “名称”：“vue_three_without_ts”， “版本”：“0.1.0”， “私人”：真的， “脚本”：{ "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test:unit": "vue-cli-service test:unit", “lint”：“vue-cli-service lint” }, “依赖”：{ "core-js": "^3.8.3", “vue”：“^3.2.13” }, “开发依赖”：{ "@babel/core": "^7.12.16", "@babel/eslint-parser": "^7.12.16", "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-plugin-unit-jest": "~5.0.0", "@vue/cli-service": "~5.0.0", "@vue/test-utils": "^2.0.0-0", "@vue/vue3-jest": "^27.0.0-alpha.1", "babel-jest": "^27.0.6", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", “笑话”：“^27.0.5” } }

enter image description here

【讨论】：