前端开发中，自动化测试是一个非常重要的环节。而在自动化测试中，选择一个好用的测试工具能够提高我们的工作效率，同时也能保证程序的质量。在这里，我们介绍一款非常好用的 npm 包——protractor-nightmare。它可以让我们方便地编写自动化测试脚本，快速定位问题，提高开发效率。
protractor-nightmare 简介
protractor-nightmare 是一个基于 Node.js 的 End-to-End 自动化测试框架，它是 Protractor 的扩展。而 Protractor 是基于 WebDriver 的自动化测试框架，它专为 AngularJS 应用程序而设计，主要用于对 AngularJS 应用程序进行自动化测试。
在 Protractor 中，Protractor-Nightmare 可以通过使用 Electron 和 Nightmare 引擎来提供额外的测试支持，从而允许我们测试非 AngularJS 应用程序。
protractor-nightmare 安装
在开始使用 protractor-nightmare 之前，我们需要先将其安装到我们的开发环境中。在命令行窗口中输入以下命令即可安装 protractor-nightmare：
npm install protractor-nightmare --save-dev
protractor-nightmare 的使用
定义一个测试脚本
接下来，我们将配置一个测试脚本来使用 protractor-nightmare。首先，我们需要定义 Protractor 配置文件。在您的项目根目录中，创建一个名为 protractor.conf.js 的文件。在这个文件中，配置 protractor-nightmare 如下：
-- -------------------- ---- -------
----- - ----------------- - - ----------------------
----- - --------------- - - --------------------------------
----- ---- - ----------------
-------------- - -
---------------- -------------------------------
------------- -
------------ ----------- ------
------------------- ------- --- ------ ---
-------------- -
----- -------------------------- ----------------------- --------------------
--
--
-------- -
-
----- ------------
------- ----------------
-
--
------ ---------------------------- --------
----------- -
-------------------------------------------
--
--在上面的配置中，我们指定了浏览器、测试文件路径和一些其他的配置，比如关闭 chrome 的安全模式等。
简单的测试用例
在定义完配置文件之后，我们来编写一个简单的测试用例，以此来演示如何使用 protractor-nightmare 进行自动化测试。在 test/e2e 文件夹下，创建一个新的文件 mytest.spec.js，写入以下代码：
-- -------------------- ---- -------
------------------ -- -- -
-- ----
-------------------------------------
-- ----
------------------ -- -- -
-- -------
--------------------------------------------------------
-- ------
-------------------------------
-- ----
----------------------------------------------------------
---
---上面的代码演示了如何使用 protractor-nightmare 在 Chrome 浏览器上打开百度，输入关键字，点击搜索按钮，并对搜索结果进行断言。如果断言成功，测试用例将通过。
运行测试用例
在测试文件编写完成后，我们可以使用以下命令来运行测试：
npm run protractor
执行以上命令后，protractor-nightmare 就会自动打开 Chrome 浏览器，加载我们编写的测试脚本，并在浏览器中执行测试用例。如果测试用例通过，控制台会输出成功信息，反之，控制台会输出失败信息。
总结
至此，我们已经对 protractor-nightmare 进行了简单的演示，相信读者可以掌握这个工具的基本用法。当然，protractor-nightmare 的功能远不止这些，在日常开发中，我们可以结合业务要求，将其应用到更丰富、更复杂的测试场景中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557d281e8991b448d4dd9