Typescript VueJS组件:带有vue类组件的单独文件的代码覆盖率

Typescript VueJS组件:带有vue类组件的单独文件的代码覆盖率,typescript,vue.js,code-coverage,vue-class-components,mocha-webpack,Typescript,Vue.js,Code Coverage,Vue Class Components,Mocha Webpack,我正在尝试为使用decorator以TypeScript编写的VueJS组件生成代码覆盖率,并为组件的实际逻辑使用单独的.ts文件。例如,对于一个VueJS组件,我实际上有两个文件,一个.vue文件,带有HTML模板,该模板将包含数据/属性/方法的.ts文件调用到类组件中 对于运行测试,我使用vue测试utils以及mocha网页,代码覆盖使用伊斯坦布尔/nyc完成 这是我的package.json测试特定配置: 这里是我的网页包配置文件中的覆盖率规则: 最后也是VueJS Progress

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

对于运行测试,我使用
vue测试utils
以及
mocha网页
,代码覆盖使用
伊斯坦布尔/nyc
完成

这是我的
package.json
测试特定配置:

这里是我的网页包配置文件中的覆盖率规则:

最后也是VueJS ProgressBar组件测试的一个摘录:

组件上的测试运行正常,但是
ProgressBar
组件未在我的介绍中列出

我发现,要覆盖类组件,唯一的解决方法是在测试中实际实例化它们(例如,
progressBar=newprogressbarclass()
),但这违背了vue测试实用程序的目的。。。有什么想法吗


非常感谢你的帮助

我也遇到了同样的问题,只是简单地将ts jest更新为>=23.10版本,解决了覆盖率报告

这不是一个真正的答案,你应该把这句话写下来作为评论。感谢你的反馈,迭戈-但是这并没有解决我的问题(我没有使用ts jest),你解决了吗?不,我还没有解决它。