vue.js - 使用 Nuxt 对 VueJS 应用程序的 Jest 测试覆盖率
问题描述
我有用 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 文件?
解决方案
乍一看,我希望看到 Jest 的moduleFileExtensions config option
位置如下:
"jest": {
"moduleFileExtensions": ["js", "json", "jsx", "node", "vue"],
// The rest of your config...
}
该选项告诉 Jest 应用程序的模块使用哪些文件扩展名。
推荐阅读
- jhipster - 将 JHipster 实体子生成器集成到现有项目中
- python - Django - 获取登录用户组的列表。没有数据或“无法将关键字‘组’解析到字段中。选项有:id、名称、权限、用户”
- node.js - 模块解析失败,webstorm,Ionic 应用
- java - 如何将 URI 作为 jpg 文件保存到内部存储上的自定义文件夹中?
- javascript - 防止在不使用 onclick 功能的情况下使用 jquery 检查单选按钮
- git - 更改子模块时更新 git 子模块
- python - 纯 Python 模式下的 Cython,在 C 代码中使用 python 类
- python-3.x - python中空字典列表的初始化
- html - 在创建 html 输入属性中是否有任何级别的重要性
- c# - 具有 MySql 连接的实体框架不起作用