Protractor 是一个用于 Angular 应用程序的端到端测试框架。它使用了 Selenium WebDriver 来模拟用户在浏览器中的行为，如点击链接、填写表单等，可以对应用程序进行自动化测试。同时，Mocha 则是在编写 JavaScript 测试时非常受欢迎的一种测试框架，它支持异步测试和多种测试类型等特性。那么，在 Mocha 测试框架中如何使用 Protractor 进行测试呢？下面我们来简要介绍一下相应的方法。
安装 Protractor
在开始使用 Protractor 之前，必须先安装 Node.js 和 Protractor。在 Node.js 官网中下载离线安装包或通过命令行安装即可。安装完成之后，使用以下命令以全局方式安装 Protractor：
npm install –g protractor
配置 Protractor
在 Mocha 测试框架中使用 Protractor 完成一个简单的自动化测试，需要为 Protractor 配置一个配置文件。使用以下命令在项目根目录中生成 Protractor 配置文件：
protractor --version # 检查版本号
接着，在项目根目录下创建一个名为 conf.js 的文件。配置文件内容大致如下：
exports.config = {
seleniumAddress: 'http://localhost:4444/wd/hub',
specs: ['test/*.js'] // 测试脚本所在目录
};在配置文件中需要为 Protractor 提供 Selenium 服务器的地址以及测试脚本所在的目录。而且，如果需要测试 Angular 应用程序，则需要添加以下的项：
exports.config = {
seleniumAddress: 'http://localhost:4444/wd/hub',
specs: ['test/*.js'],
onPrepare: function() {
browser.ignoreSynchronization = true;
}
};这将禁用 Protractor 的自动同步，并让测试脚本控制执行的细节。
编写测试脚本
在 Protractor 和 Mocha 结合的自动化测试中，测试脚本一般会同时包含 Protractor 和 Mocha 的API调用。接下来，我们模拟了一个简单的测试场景，用于检查是否可以正确输入和提交表单：
-- -------------------- ---- -------
------------------ ---------- -
-------------- ---------- -
--------------------------------------- -------
------------------------------------------
-----------------------------------------------------
--------------------------------------- ----
--------------------------------------------------------------------------------- ------
---
---在测试脚本的第一部分中，使用 describe 方法定义了测试用例所属的测试流程。它包含一个字符串和一个含有所有相关测试用例的闭包。在闭包中，使用 it 方法围绕每个测试用例并将其标记为成功或失败。
在测试用例中，首先使用 browser.get(url) 方法访问待测试的网站。然后，使用 Protractor 提供的 element 方法查找页面上的输入框并使用 sendKeys() 方法输入相关数据。最后，使用 submit() 方法提交表单。在重定向后，可以使用 getCurrentUrl() 方法获取当前URL，然后进行断言。
运行测试脚本
最后一步是通过 Mocha 运行自动化测试。使用以下命令即可 launched Mocha 测试：
mocha conf.js # 执行测试
运行过程中，测试脚本将自动打开浏览器并模拟用户的操作。在结束测试后，测试结果将输出到控制台中。
总结
使用 Mocha 测试框架结合 Protractor，可以轻松地进行自动化测试。本篇文章简要介绍了如何安装 Protractor、如何配置 Protractor 和如何编写测试脚本。同时，这里的示例代码也可以帮助读者更好地了解我们在此处阐述的相关方法和技巧，实现自己的前端自动化测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b3f25048841e98940231ed