业力测试中如何看到真实的渲染元素？

Question

我新建了一个angular14项目，但是我写完单元测试后，只看到一堆成功的文字信息，并没有看到HTML元素。如何查看 HTML 元素？

Answer 1

运行“ng test”并在浏览器中打开 Karma 窗口后，您可以通过单击“DEBUG”按钮查看预览。

打开“DEBUG”选项卡后，来自测试的组件将呈现在屏幕上。

示例：https://stackblitz.com/edit/jasmine-karma-testing?file=app%2Fpersist%2Fdisplay-name.directive.spec.ts

在此示例中，可以看到呈现的 HTML：