Web自动化测试-Protractor基础（一）

最新推荐文章于 2025-10-28 07:08:06 发布

原创

最新推荐文章于 2025-10-28 07:08:06 发布 · 9.1k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#protractor

本文介绍了Protractor作为Angular和AngularJS应用的端到端测试框架的基础知识。通过环境搭建、自动化测试示例，阐述了如何配置conf.js和spec.js文件，以及如何执行自动化测试。文章还讨论了Promise Manager的使用以及为何禁用它，同时提供了测试脚本的示例，展示了如何控制浏览器进行异步操作。

官方原文：
Protractor is an end-to-end test framework for Angular and AngularJS applications. Protractor runs tests against your application running in a real browser, interacting with it as a user would.

Protractor通过程序模拟用户在浏览器中操作来做自动化测试。
Protractor可以为angular应用做自动化测试，它有些api是专门为angular提供的。
如果不是angular应用，也可以用Protractor做自动化测试，只要避开调用angular专属api就可以了，本文的示例就是非angular应用。

这篇文章包括以下内容：

Protractor环境搭建
Protractor自动化测试示例

环境搭建

安装NodeJS，版本要求支持async await。写这篇文章时候NodeJS LTS最新版6.10.3还不支持，请下载非LTS最新版。
使用npm全局安装Protractor
```
npm install -g protractor
```
安装Protractor需要用到BrowserDriver等，命令行执行
```
webdriver-manager update
```

自动化测试示例

下面来做一个例子，涉及两个文件

conf.js 内容是Protractor的配置项
spec.js 内容是自动化测试脚本

conf.js

exports.config = {
    framework: 'jasmine',
    directConnect: true,
    SELENIUM_PROMISE_MANAGER: false,
    specs: ['spec.js']
}

解释一下这4个配置项

framework: 'jasmine'
指定使用测试框架jasmine<

最低0.47元/天解锁文章