由于 Angular Karma Jasmine 测试结果，无法在测试中看到我的组件

Question

测试结果如下所示：

然后组件加载到它下面。在开发测试时，我不需要此结果概览，并且我希望在不滚动超过 280 个（以及更多）测试结果的情况下查看我的组件。我已经发现此结果屏幕是由 Karma Jasmine HTMl Reporter 制作的，您可以在 architect.test.karmaConfig 的 angular.json 链接的文件“karma.conf.js”中将选项传递给它。

我尝试添加到 karma.conf.js:

jasmineHtmlReporter: {
  hideDisabled: true
}

但是当我专注于一个测试时，这并没有最终隐藏其他测试。

Answer 1

我发现当使用“fdescribe()”而不是“describe()”或“fit()”而不是“it('should...')”执行单个测试时，仍然会导致所有测试结果显示。

在 Angular 中，您可以指定 spec 文件。

ng test --include **/[test-file-name].spec.ts

这会导致只显示指定规范文件的结果。

我现在将以下命令添加到 package.json / 脚本到运行单个规范

"single-test": "ng test --source-map=false --include **/$npm_config_spec*.spec.ts"

> npm run single-test --spec=[part-of-filename-without-ending]

由于 Angular Karma Jasmine 测试结果，无法在测试中看到我的组件

Can't see my component in Tests because of Angular Karma Jasmine test results

angular

karma-jasmine

angular-test