VueJS组件：具有vue-class-component的单独文件的代码覆盖率

时间：2019-11-04 11:30:44

标签： typescript vue.js code-coverage vue-class-components mocha-webpack

我正在尝试为使用vue-class-component装饰器以TypeScript编写的VueJS组件生成代码覆盖率，并为组件的实际逻辑使用单独的.ts文件。例如。对于一个VueJS组件，我实际上有两个文件，一个带有HTML模板的.vue文件，该模板将一个包含数据/属性/方法的.ts文件调用到一个类组件中。

对于运行测试，我将vue-test-utils与mocha-webpack一起使用，并使用istanbul/nyc完成代码覆盖。

这是我的package.json测试专用配置：
Extract from package.json

这是我的webpack配置文件中的覆盖规则：
Extract from webpack.test.config.js

最后还有一个VueJS ProgressBar组件测试的摘录：
Sample from VueJS test

对该组件的测试运行良好，但是ProgressBar组件未在我的报道中列出。

我发现覆盖类组件的唯一变通方法是实际上在测试中实例化它们（例如progressBar = new ProgressBarClass()），但这违反了vue-test-utils的目的……有什么想法吗？

非常感谢您的帮助！

1 个答案:

答案 0 :(得分：-1)

我遇到了同样的问题，只需将ts-jest更新为> = 23.10即可解决覆盖率报告

相关问题
最新问题