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

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

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

这是我的package.json测试专用配置:

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

这是我的webpack配置文件中的覆盖规则:

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

最后还有一个VueJS ProgressBar组件测试的摘录:

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

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

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

非常感谢您的帮助!

yehuan19840620 回答:VueJS组件:具有vue-class-component的单独文件的代码覆盖率

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

本文链接:https://www.f2er.com/3167127.html

大家都在问