Protractor 是一个强大的端到端测试框架，专为 Angular 应用程序而设计。本文将介绍如何在 Angular 2 中使用 Protractor 进行自动化测试。
安装 Protractor
首先，您需要安装 Node.js 环境。然后可以使用以下命令全局安装 Protractor：
npm install -g protractor
此外，还需要安装 Webdriver Manager 来管理 Selenium WebDriver 服务器。运行以下命令即可安装：
webdriver-manager update
创建测试用例
创建一个 e2e 目录并在其中创建一个名为 app.e2e-spec.ts 的文件，该文件包含应用程序的端到端测试用例。
-- -------------------- ---- -------
------ - -------- --- ------- - ---- -------------
--------------- -- -- -
------------- -- -
-- ------
-----------------
---
---------- ---- - ------- -- -- -
-------------------------------------- ------
---
---------- ------- ------- --------- -- -- -
----- -------------- - ----------------------
------------------------------------------------- -- -- -------
---
---这个例子测试了页面标题和欢迎信息是否正确显示。
运行测试用例
在 e2e 目录中运行以下命令来启动 Selenium WebDriver 服务器：
webdriver-manager start
在另一个终端窗口中，运行以下命令来运行测试：
protractor protractor.conf.js
protractor.conf.js 是 Protractor 的配置文件，其中包含测试用例的引用和其他设置。
使用 Page Objects 模式
使用 Page Objects 可以使测试更易于维护。Page Object 是一个表示页面的对象，它可以把所有与页面交互的代码封装在一个单独的类中。
-- -------------------- ---- -------
------ - -------- --- ------- - ---- -------------
------ ----- -------- -
------------ -
------ -----------------
-
---------- -
------ -------------------
-
------------------- -
------ ----------------------
-
-测试用例现在可以使用 HomePage 类：
-- -------------------- ---- -------
------ - -------- - ---- ------------
--------------- -- -- -
----- -------- - --- -----------
------------- -- -
-- ------
----------------------
---
---------- ---- - ------- -- -- -
--------------------------------------- ------
---
---------- ------- ------- --------- -- -- -
--------------------------------------------------------------- -- -- -------
---
---这里的测试用例更加可读且易于维护。
总结
Protractor 是一个功能强大的端到端测试框架，专为 Angular 应用程序而设计。通过本文的指导和示例代码，您可以开始使用 Protractor 编写自己的自动化测试用例，并将其集成到您的 Angular 2 项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25518