端到端的测试（e2e）

端到端的测试（e2e）

端到端测试类似于系统测试，测试级的“宏大”的端点，涉及整个应用系统环境在一个现实世界使用时的模拟情形的所有测试。例如与数据库对话，用网络通讯，或与外部硬件、应用系统或适当的系统对话。端到端架构测试包含所有访问点的功能测试及性能测试。从某种意义上来说，端到端架构测试实质上是一种"灰盒"测试，一种集合了白盒测试和黑盒测试的长处的测试方法。端到端架构测试所要求的单项功能和性能测试是在"测试自动化、执行和跟踪"阶段进行的。

1. 单元测试旨在将每个组件与系统的剩余部分隔离开来，单独测试每个组件；而 e2e 测试则旨在对系统进行整体测试。这导致 e2e 测试更脆弱，因为它依赖更多因素，但从长远来看，它与单元测试同样重要。
2. Angular 努力确保端到端测试从未开发应用的最开始就可用，具体方法是生成一些在首次生成应用时就位的基础基架（假设使用的是 Angular 命令行接口 [CLI] 工具）。由于项目根目录下的 e2e 目录包含运行端到端测试所需的代码，所以将在执行其他任何操作前先尝试一下：“npm run e2e”启动端到端测试
3. 与单元测试工具不同，e2e 一直运行到测试通过才停止。意图是，单元测试工具应在开发期间几乎持续不断地运行，以验证“局部”是否正常运行，而端到端测试则只应在是时候验证是否不会出现回归时才运行。
4. 默认测试只是验证已搭建基架的应用的“欢迎使用应用!”消息是否显示，所以第一项简单更改是将 App­Component 的标题属性（请注意，从首次启动时起，此属性就位于 app.component.ts 中）更改为“SpeakerApp”，并检查它是否显示。（同时更改 app.component.spec.ts 中的单元测试。） 执行此更改并确保单元测试通过，再重新运行“npm run e2e”并记录故障。尽量记录故障。虽然浏览器关闭，但在其中运行“npm”的控制台窗口会（以红色）突出显示测试故障。
5. 端到端测试使用 ProtractorJS 框架 (protractortest.org) 在“自动”模式下运行浏览器，用于启动 Protractor 的代码位于 app.po.ts 文件中。po的全称是“page object”（页面对象）实际上，页面对象表示可以在给定网页上执行的所有操作，因此，根据命名约定，app.po.ts 页面表示应用的主页。在编辑器中如下所示：

import {
    browser, by, element } from 'protractor';
export class AppPage {
   
  navigateTo(<