typescript - 以角度 6 单独呈现和测试 UI 组件

标签 typescript unit-testing angular6

我正在构建 Angular 6 项目,我需要测试 angular 组件 的外观,而无需分配路由器链接并手动加载它。我需要查看单个组件及其行为方式。我对角度单元测试没有太多了解。我怎样才能做到这一点?

最佳答案

每个组件 文件都有一个spec 文件(通常是在使用命令ng g component new 生成组件时生成的)。此规范文件支持单元测试。您无需加载整个应用即可对特定组件执行单元测试。

如果通过官方tutorial ,您将了解单元测试的工作原理。

注意:当您运行整个单元测试用例时,每个 spec 文件将独立执行,这意味着每个文件都有自己的配置,以支持相关的单元测试 组件

关于typescript - 以角度 6 单独呈现和测试 UI 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52128107/

相关文章:

javascript - 仅在省略号处于事件状态时显示工具提示

c# - 是否值得为调用其他方法的方法编写测试,这些方法 100% 被单个单元测试覆盖?

android - 如何测试自定义sdk android单元测试的元素

ruby - 绝对初学者的单元测试 - 我正在使用 Ruby

javascript - 错误 : Property 'modalStack' does not exist on type 'NgxSmartModalService' . 您的意思是 '_modalStack' 吗?

unit-testing - 我需要帮助来生成对 angular6 中可观察到的 fromEvent 的测试

javascript - 在 TypeScript 中避免接口(interface)的初始 I 不会导致命名冲突吗?

forms - Angular 2 - 使用带有可选字段的 ngControl

ionic-framework - PopoverController Ionic 4?

angular - d3-cloud 的类型