前言
在现在这个Web开发的时代，有很多的前端框架和库来让我们开发更加高效的应用。然而想要测试这些应用，或者进行端到端的测试（E2E），就需要使用到各种各样的测试框架。其中之一就是Nightwatch.js，它是一个基于Node.js的自动化测试框架，可以通过JavaScript和CSS选择器进行自动化测试。在使用Nightwatch.js过程中，我们可以通过npm包gulp-nightwatch来更加方便地管理我们的测试。
安装npm包gulp-nightwatch
首先，我们需要先安装gulp-nightwatch。在你的项目根目录下，打开命令行，运行以下命令：
npm install --save-dev 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任务：
gulp test:e2e
其中，test:e2e是gulp任务的名称。这个任务会根据你在配置文件中定义的参数，启动自动化测试，并将结果输出到你指定的文件夹中。
总结
通过使用npm包gulp-nightwatch，你可以非常方便地管理Nightwatch.js的自动化测试，并可以通过Gulp工具来管理测试任务。
示例代码
具有以下默认测试脚本代码的文件名sample.js。
-- -------------------- ---- ------- -------------- - - -------- ----------- ------- -------- -------- --------- - ------- ------------------------------ ------------------------------ ----- ----------------------------- ------------- ------------------------------------------ ----- -------------------------- ------------ ------------------------- - ------ -------- ------- - --展开代码
在配置文件中定义测试文件的文件夹路径，例如'tests/sample.js'，Nightwatch可以在testing/test/test.js中运行上述测试脚本并生成报告。生成报告的命令是：
gulp test:e2e
然后在reports文件夹中按照日期和时间戳存储测试结果示例。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcacab5cbfe1ea06124bb
