npm包gulp-nightwatch使用教程

前言

在现在这个Web开发的时代，有很多的前端框架和库来让我们开发更加高效的应用。然而想要测试这些应用，或者进行端到端的测试（E2E），就需要使用到各种各样的测试框架。其中之一就是Nightwatch.js，它是一个基于Node.js的自动化测试框架，可以通过JavaScript和CSS选择器进行自动化测试。在使用Nightwatch.js过程中，我们可以通过npm包gulp-nightwatch来更加方便地管理我们的测试。

安装npm包gulp-nightwatch

首先，我们需要先安装gulp-nightwatch。在你的项目根目录下，打开命令行，运行以下命令：

--- ------- ---------- ---------------

配置gulp-nightwatch

接下来，你需要在你的gulpfile.js文件中进行配置。例如：

----- ---- - ----------------
----- ---------- - ---------------------------

--------------------- -- -- -
  ------ ------------
    ------------------
      ----------- --------------------
    ----
---

这是一个Gulp的示例文件，默认将在最上层引入Node.js来使用以下代码。其中task('test:e2e'是任务名称，return喂入当前无输入，同时通过gulp-nightwatch来实现nightwatch.conf.js的配置文件的启动。

创建nightwatch.conf.js文件

创建配置文件nightwatch.conf.js文件，并将其放置在你的项目根目录中。接着，你需要将你的测试源文件夹、测试报告、Nightwatch.js的相关参数等放入配置文件中。例如：

-------------- - -
  ------------ ----------
  -------------- ----------
  --------- -
    -------------- -----
    ------------ ---------------------------------------------------------------------------------
    ----- -----
    --------- -
      -------------------------- ----------------------------------------------
    -
  --
  -------------- -
    -------- -
      -------------------- -
        ------------ ---------
        ------------------ -----
        -------------- -
          ----- ------------------------
        -
      -
    -
  -
--

这是一个配置文件nightwatch.conf.js的示例，其中，

src_folders定义了测试用例所在的文件夹；
output_folder定义了输出测试结果的文件夹；
selenium定义了Selenium服务的相关配置；
test_settings定义了测试的配置信息，默认情况下使用Chrome浏览器进行测试。

运行gulp任务

最后，你可以使用以下命令来启动Gulp任务：

---- --------

其中，test:e2e是gulp任务的名称。这个任务会根据你在配置文件中定义的参数，启动自动化测试，并将结果输出到你指定的文件夹中。

总结

通过使用npm包gulp-nightwatch，你可以非常方便地管理Nightwatch.js的自动化测试，并可以通过Gulp工具来管理测试任务。

示例代码

具有以下默认测试脚本代码的文件名sample.js。

-------------- - -
  -------- -----------
  ------- -------- -------- --------- -
    -------
      ------------------------------
      ------------------------------ -----
      ----------------------------- -------------
      ------------------------------------------ -----
      --------------------------
      ------------
      ------------------------- - ------ --------
      -------
  -
--

在配置文件中定义测试文件的文件夹路径，例如'tests/sample.js'，Nightwatch可以在testing/test/test.js中运行上述测试脚本并生成报告。生成报告的命令是：

---- --------

然后在reports文件夹中按照日期和时间戳存储测试结果示例。

参考资料

Nightwatch.js

gulp-nightwatch

来源：JavaScript中文网，转载请联系管理员！本文地址：https://www.javascriptcn.com/post/5eedcacab5cbfe1ea06124bb