2

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

对于我正在使用的运行测试vue-test-utilsmocha-webpack代码覆盖率是使用istanbul/nyc.

这是我的package.json测试特定配置:
从 package.json 中提取

这里是我的 webpack 配置文件中的覆盖规则:
从 webpack.test.config.js 中提取

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

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

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

非常感谢您的帮助!

4

1 回答 1

-1

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

于 2020-02-10T18:23:26.383 回答