如何测量 Polymer 组件 + .js 文件的公共覆盖率？

Question

如何使用解决方案中的所有 .js 文件测量 Polymer 组件的公共覆盖率（对于非组件测试，使用 QUnit）？

我试过 karma-coverage，但它只适用于 .js 个文件。

Answer 1

对于 Polymer，您通常会使用 web-component-tester (WCT) to test your components, and the web-component-tester-istanbul 插件来实现代码覆盖。您将在项目的根目录中配置 wct.conf.json，如下所示：

{
  "suites": [
    "test/components/my-view1/my-view1.html"
  ],
  "plugins": {
    "istanbul": {
      "dir": "./build/coverage",
      "reporters": [
        "text-summary",
        "lcov"
      ],
      "include": [
        "*.js",
        "*.html"
      ],
      "exclude": []
    }
  }
}

然后是运行 wct，输出如下：

不幸的是，最近 WCT 的升级使覆盖插件 incompatible，这样插件就永远不会被调用，所以覆盖总是显示为 100% (0/0)（没有覆盖线，没有看到线).

Answer 2

对于 Polymer 组件，有一个解决方案可以使用 karma-coverage 测量公共覆盖率：拆分为 .js 文件并将其包含到组件中。例如 here

如何测量 Polymer 组件 + .js 文件的公共覆盖率？

How to measure common coverage for Polymer components + .js files?

polymer

karma-runner

code-coverage

karma-coverage

wct