前言
随着前端技术的不断发展，前端测试的重要性也越来越受到重视，其中自动化测试则成为重要的手段之一。而在前端自动化测试中，nightwatch 是一个非常优秀的工具，它能够让我们更加高效地完成前端测试工作。本文将为大家介绍 npm 包 nightwatch 的使用教程，希望能够为大家的工作提供便利。
环境准备
在使用 nightwatch 前，我们需要确保电脑上已经安装了 Node.js 环境和 npm 包管理器。如果您还没有安装它们，请先安装。
安装 nightwatch
使用 npm 包管理器可以方便地安装 nightwatch，只需要在命令行中执行以下命令即可：
npm install -g nightwatch
其中 -g 参数表示全局安装，这样我们就可以在命令行中使用 nightwatch 命令了。
配置文件
在使用 nightwatch 前，我们需要配置一个 nightwatch.json 配置文件，该文件应该放在项目的根目录下。以下是一个 nightwatch.json 文件的示例：
-- -------------------- ---- ------- - ------------- - ---------- --------------- - ---------- ---------------------- - --- ------------------------ - --- ------------------- - -------- ---------- - - --------------- - ----- ------------- - ------------------------------------------------------------------------------------ ---------- - --- ------ - ----- ---------- - - ------------------------- - --------------------------------------------------------------- - -- --------------- - - --------- - - ------------ - ------------------- --------------- - ----- --------------- - ------------ --------- ----- ------------- - - --------- - ------ ------ - -- -- --------- - - ------------------------- - ---- -- ---------------------- - -------------- --------- --------------- - - ------ - ---------------- - - - - -展开代码
在配置文件中，我们需要配置测试用例的源代码目录 src_folders，以及测试报告的输出目录 output_folder，这两个配置项都是必须的。
custom_commands_path 和 custom_assertions_path 分别表示自定义命令和自定义断言的目录。
page_objects_path 表示页面对象的目录。
selenium 用于配置 selenium 服务的启动参数，其中 server_path 配置 selenium 服务的执行文件路径，cli_args 配置 chromeDriver 的路径。
test_settings 配置各个测试环境的参数，其中 default 表示默认配置，我们可以在这个配置中设置 browserName 、launch_url 等参数。
编写测试用例
编写一个基本的 nightwatch 测试用例，首先需要在 tests 目录下创建一个 js 文件，例如 index.js，然后在该文件内编写我们的测试用例。
示例代码如下：
-- -------------------- ---- ------- -------------- - - ----- ---- ------- - -------- --------- - ------- ----------------------------- ------------------------------ ----- ----------------------------- ------------- ------------------------------------------- ----- --------------------------- ------------ ----------------------------- ------ ------- ------- - --展开代码
在测试用例中，我们首先需要导出一个对象，其中包含一个用例名称 'Demo test Google' 和一个测试函数，该函数可以接受一个 browser 对象作为参数。
在测试函数中，我们使用 browser 对象的一系列方法进行操作，例如 .url 方法表示访问一个 Url，.setValue 表示给一个元素赋值等等。该链式调用方式可以让我们编写测试用例更加方便。
运行测试
在编写完测试用例之后，我们可以在命令行中使用以下命令运行测试：
nightwatch当然了，根据我们在配置文件中配置的 output_folder，运行完测试之后会在项目根目录下创建一个 reports 目录，其中会生成测试报告文件。
总结
本文介绍了 npm 包 nightwatch 的使用教程，包括安装、配置、编写测试用例和运行测试等方面，希望能够帮助大家更好地使用 nightwatch 完成前端自动化测试工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64148
