在 Angular 中，e2e 测试工具是非常重要的一部分，它可以帮助我们测试我们的应用程序是否按照预期的方式工作。在本文中，我们将介绍 Angular 中如何使用 e2e 测试工具。
准备工作
在开始之前，您需要安装 Angular CLI 工具。您可以使用以下命令安装它：
npm install -g @angular/cli
您还需要一个支持 e2e 测试的浏览器。我们推荐使用 Chrome 浏览器。
创建一个新的 Angular 应用程序
首先，我们需要创建一个新的 Angular 应用程序。您可以使用以下命令创建一个新的 Angular 应用程序：
ng new my-app
这将创建一个名为 my-app 的新的 Angular 应用程序。
创建一个 e2e 测试
接下来，我们需要创建一个 e2e 测试。您可以使用以下命令创建一个 e2e 测试：
ng generate e2e my-e2e
这将创建一个名为 my-e2e 的新的 e2e 测试。
运行 e2e 测试
现在，我们可以运行 e2e 测试了。您可以使用以下命令运行 e2e 测试：
ng e2e
这将运行 my-e2e 测试，并在浏览器中打开测试报告。
编写 e2e 测试
现在，我们已经准备好编写 e2e 测试了。我们可以使用 Protractor 框架编写 e2e 测试。
以下是一个简单的示例代码：
-- -------------------- ---- -------
------ - -------- --- ------- - ---- -------------
--------------- -- -- -
------------- -- -
-----------------
---
---------- ---- - ------- -- -- -
-------------------------------------- ------
---
---------- ---- - ---------- ----- -- -- -
--------------------------------------------------------
---
---------- ---- - ---- -------- -- -- -
-------------------------- --------------------------------
---
---在上面的示例代码中，我们编写了三个测试用例：
- 检查应用程序的标题是否为
My App。 - 检查应用程序是否具有导航栏。
- 检查导航栏中是否有一个名为
Home的按钮。
结论
在本文中，我们介绍了 Angular 中如何使用 e2e 测试工具。我们学习了如何创建一个新的 Angular 应用程序，如何创建一个新的 e2e 测试，如何运行 e2e 测试，以及如何编写 e2e 测试。希望这篇文章能够帮助您更好地理解 Angular 中的 e2e 测试工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67652d7676af2b9a20e9778d