前言
随着前端技术的不断发展，前端测试的重要性也越来越受到重视，其中自动化测试则成为重要的手段之一。而在前端自动化测试中，nightwatch 是一个非常优秀的工具，它能够让我们更加高效地完成前端测试工作。本文将为大家介绍 npm 包 nightwatch 的使用教程，希望能够为大家的工作提供便利。
环境准备
在使用 nightwatch 前，我们需要确保电脑上已经安装了 Node.js 环境和 npm 包管理器。如果您还没有安装它们，请先安装。
安装 nightwatch
使用 npm 包管理器可以方便地安装 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 表示给一个元素赋值等等。该链式调用方式可以让我们编写测试用例更加方便。
运行测试
在编写完测试用例之后，我们可以在命令行中使用以下命令运行测试：
----------
当然了，根据我们在配置文件中配置的 output_folder，运行完测试之后会在项目根目录下创建一个 reports 目录，其中会生成测试报告文件。
总结
本文介绍了 npm 包 nightwatch 的使用教程，包括安装、配置、编写测试用例和运行测试等方面，希望能够帮助大家更好地使用 nightwatch 完成前端自动化测试工作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64148