**Protractor 概述**
Protractor 是一个专为 AngularJS 应用程序设计的端到端测试框架。它基于 WebDriverJS，允许测试人员编写自动化测试脚本来模拟真实用户在浏览器中的交互行为。Protractor 能够理解 AngularJS 的异步性质，因此它可以更有效地与 Angular 应用程序进行交互，比如等待数据绑定和 Digest 循环完成。
**安装 Protractor**
1. **JDK 安装与配置** - 在安装 Protractor 之前，确保已经安装了 Java Development Kit (JDK)，因为 WebDriver 需要 JDK 来运行。如果你还没有安装，可以参考相关教程进行安装，并设置好环境变量。
2. **全局安装 Protractor** - 打开命令行工具，使用 npm (Node Package Manager) 全局安装 Protractor：
```
npm install -g protractor
```
3. **安装 Protractor 依赖项** - 下载 Protractor 后，进入项目根目录，运行以下命令安装本地依赖项：
```
npm install
```
**配置 Protractor**
1. **创建测试工程** - 创建一个新的测试工程，包含一个简单的 AngularJS 页面、一个配置文件（`protractor_conf.js`）以及一个测试文件（`test.js`）。
2. **配置文件** - `protractor_conf.js` 是 Protractor 的配置文件，用于定义测试环境。例如：
```javascript
exports.config = {
directConnect: true,
capabilities: { 'browserName': 'chrome' },
specs: ['test.js'],
jasmineNodeOpts: { showColors: true, defaultTimeoutInterval: 30000 }
};
```
这里设置了直接连接到浏览器，选择 Chrome 作为默认浏览器，指定了测试用例（`specs`），并启用颜色显示及设置超时时间。
3. **测试文件** - `test.js` 文件包含测试用例，例如：
```javascript
describe('angularjs homepage', function () {
it('should greet the named user', function () {
browser.get('http://localhost:63342/protractor/Index.html');
element(by.id('userName')).sendKeys(' Sparrow');
browser.sleep(4000);
});
});
```
这个测试用例会打开指定的 URL，向输入框中输入文本，然后等待一段时间。
4. **HTML 页面** - 创建一个简单的 AngularJS 页面 `Index.html`，用于测试。该页面包含一个 AngularJS 控制器，用于数据绑定和输入元素。
**运行测试**
1. **启动服务器** - 如果你的应用是通过本地服务器运行的，如使用了 lite-server 或其他类似工具，确保它已启动并监听指定端口（在这个例子中是 63342）。
2. **运行 Protractor** - 在命令行中，导航到项目目录，运行 Protractor 并指定配置文件：
```
protractor protractor_conf.js
```
**总结**
Protractor 提供了一种方便的方式来测试 AngularJS 应用程序的用户界面，通过它的配置灵活性和对 AngularJS 的内在理解，可以创建高效且易于维护的端到端测试。了解 Protractor 的安装、配置和基本用法是构建强大测试套件的关键步骤。通过实践和持续学习，你可以进一步掌握 Protractor 的高级功能，如数据驱动测试、断言库的使用、并行测试等，从而提高测试效率和质量。
2026-05-22 18:06:18
52KB
1
很容易在浏览器窗口中测量角度。
使用量角器在浏览器中测量角度。可以在360°范围内移动两个参考线以精确匹配任何顶点。精度，单位和颜色均可自定义。双击导向手柄将其锁定。
支持语言:English
2024-08-24 20:09:14
68KB
1
Dgeni-文档生成器
由angular.js和其他项目提供的node.js文档生成实用程序。
Dgeni的发音类似于女孩名Jenny（ ），即d是无声的而g是柔和的。
入门
试用Dgeni。 或者，也许您正在寻找的示例。
观看Pete在Dgeni上的ng-europe演讲：
记录AngularJS应用
有两个基于dgeni的项目来帮助创建AngularJS应用的文档：
dgeni-alive： :
sia： :
一定要检查一下，并感谢和将这些项目整合在一起。
安装
您需要安装node.js和一堆npm模块才能使用Dgeni。 从此处获取node.js： : 。
在要记录的项目中，通过运行以下命令安装Dgeni：
npm install dgeni --save-dev
这将安装Dgeni及其依赖的任何模块。
运行Dgeni
Dgeni本身并没有做什么。 您必须
2021-02-20 09:05:14
203KB
1