前端自动化测试在开发过程中越来越受到重视。而其核心就是使用测试框架来编写测试用例。其中 nightwatch 是一款针对 web 应用的集成测试解决方案，而 nightwatch-api 是 nightwatch 的扩展库，为测试开发人员提供了更强大的高级功能和 API。本文将介绍如何使用 nightwatch-api 包。
安装和配置
- 安装 nightwatch-api
npm install nightwatch-api --save-dev
- 将 nightwatch-api 加入到
nightwatch.conf.js中
-- -------------------- ---- -------
-------------- - -
------------ ----------
---
-------------- -
-------- -
---
-------- -
------------------------ ----
--
--------- -
---
--
-------------------- -
------------ ---------
-------------- -
---
--
--
------------------ -----
--
--
---
--------------------- ---------------------------------------------
----------------------- -----------------------------------------------
--常见用法
使用 CSS Selector 进行搜索
在 nightwatch 中，使用 CSS Selector 是一个非常流行的选择器。如下所示，通过找到按钮并点击按钮的方式来测试某个单页面应用程序：
-- -------------------- ---- -------
-------------- - -
------- ------ -------- --------- -
----- --- - -------------------
---------------------------
------------------------ -------------
-----------------------
-------------------------------------- --------------
----------
--
--异步
要想更好的利用 nightwatch-api，我们需要知道如何处理异步请求。这儿是一个例子，需要等待一段时间，以便开发人员等待某个元素加载：
-- -------------------- ---- -------
-------------- - -
------ ------ -------- --------- -
----- --- - -------------------
---------------------------
------------------------------------- -----
------------------------ -------------
-----------------------
---------------------------------------- -----
-------------------------------------- --------------
----------
--
--链式API
了解了前文的内容后，让我们来看看更紧凑的链式用法：
-- -------------------- ---- -------
-------------- - -
------ ------ -------- --------- -
----- --- - -------------------
---------------------------
------------------------------------- -----
------------------------ -------------
-----------------------
---------------------------------------- -----
-------------------------------------- -------------
--------------------------------------------
---------------------------------------- -----
-------------------------------------- ---- -------- --- ---------------
----------
--
--自定义命令
有些时候，nightwatch-api 不能满足你的需要，你需要自定义命令。接下来的例子给出了如何创建一个自定义命令：
-- -------------------- ---- -------
--------------- - -------- -------------------------- -
----- --- - ---------
-------------------- --------------- -
----- --- - --------------------------------------
-- ----- -- ------------- -- ------- ---------------- --- ----------- -- ---------------- --- --- -
------ ------
-
------ -----
-- ---------------- -------- -------- -
------------------------------- ----- -------- ----- -------------------
---
------ -----
--然后在测试脚本中使用：
-- -------------------- ---- -------
-------------- - -
------- ------- ------ ------- -- -
-------
------------------------
---------------------------------- -----
------------------------
-------
--
--结论
这篇文章介绍了如何安装和配置 nightwatch-api，并提供了常见的用法以及如何自定义命令。这些都是前端测试框架中使用 nightwatch-api 包的重要手段。希望本文能够为初学者提供指导和灵感。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/80408