角度测试：开发人员的介绍

>本指南探讨了Angular 5项目中的自动测试，覆盖单元和端到端测试。 Angular的内置测试功能可通过Angular CLI或快速启动项目访问。

本指南提供了基本的理解。 全面的处理将需要更长的资源。

>

密钥概念：

• 角度测试基础： 测试技术：
• （配置测试模块），茉莉（写作测试），业力（浏览器测试执行）和量角器（端到端测试）是关键技术。 > 单元测试组件：TestBed组件是隔离或在角度环境中测试的，以评估模板和依赖关系相互作用。
和异步实用程序有助于此。
• 用依赖项测试：用于依靠其他组件，服务或模块的组件，TestBed>需要模拟服务或图式
进行隔离。
• > >>端到端测试：TestBed NO_ERRORS_SCHEMA
>代码覆盖范围：
• 像业力的工具生成报告显示了测试覆盖的程度。
• 补充工具：（代码覆盖）和Visual Studio Code（智能代码编辑）增强代码质量和一致性。 coverageIstanbulReporter>
>先决条件：
• 假定对Angular 4基本原理和对自动测试概念的熟悉的强烈掌握。 本指南使用Angular 5.2。 示例代码可用（链接到GitHub存储库将转到此处）。> ng lint

测试技术：

• 角度测试实用程序：构建测试环境的类和功能（主要用于配置测试模块）。 示例：TestBed

TestBed.configureTestingModule({
  imports: [ RouterTestingModule ],
  declarations: [ DashboardComponent ],
  schemas: [ NO_ERRORS_SCHEMA ],
  providers: [
    {
      provide: HeroService,
      useClass: MockHeroService
    }
  ],
})
.compileComponents();

• 茉莉花：使用行为驱动符号的测试框架。 示例：

describe('createCustomer', () => {
  it('should create new customer', (customer) => {
    // ...assertions...
  });
  // ...more tests...
});

• karma：在浏览器环境中执行测试，在命令行和浏览器中显示结果。 配置在中。 示例配置摘要：karma.conf.js

module.exports = function (config) {
  config.set({
    // ...configuration details...
    browsers: ['Chrome'],
    // ...more configuration...
  });
};

• 量角器： 一个端到端测试框架，用于在真实浏览器中模拟用户交互。 配置在>中。protractor.conf.js

单元测试： >运行

执行测试。 然后，该指南详细介绍了如何使用模拟或

等技术来解决使用依赖项（其他组件，模块，服务）测试组件（其他组件，模块，服务）等常见问题。 该示例显示了如何测试利用ng test和NO_ERRORS_SCHEMA的组件。 解决了使用服务的测试组件，证明了模拟服务的创建以隔离单元测试。FormsModule RouterTestingModule

服务测试：

该指南提供了一个测试与互动的服务的示例，使用来控制请求和响应，创建各种测试方案。HttpClientModule> HttpTestingController>

端到端测试：

>该指南通过量角器介绍端到端测试，显示如何创建辅助功能（例如，）和写E2E测试（例如，在IN中） ）。 一个示例演示了测试导航和验证显示的文本。app.po.ts app.e2e-spec.ts

>代码覆盖范围：

>该指南说明了如何使用来生成代码覆盖范围报告，以及如何在。>。>。>。 ng test --watch=false --code-coverage karma.conf.js

其他实用程序：该指南建议使用

用于代码伸长和Visual Studio代码的智能代码编辑功能（IntelliSense，错误突出显示，Angular Extensions）。 还提到了连续集成的好处（CI）。

ng lint

何时写测试：该指南结束了结束，讨论何时适当编写测试（原型后，提供足够的资金）以及测试驱动的开发的好处（TDD）。 它强调了测试对生产就绪应用的重要性。 FAQ部分解决了有关角度测试的常见问题。

以上是角度测试：开发人员的介绍的详细内容。更多信息请关注PHP中文网其他相关文章！