bizzy-nightwatch-base-page 是一个npm包，它可以帮助前端开发者快速编写基于nightwatch的自动化测试脚本。
本教程将会详细介绍如何安装、配置、使用这个npm包，并附有示例代码。
1. 安装
使用npm安装 bizzy-nightwatch-base-page：
npm install bizzy-nightwatch-base-page --save-dev
2. 配置
在安装成功之后，需要在项目的 nightwatch.conf.js 中配置使用 bizzy-nightwatch-base-page。
首先，引入 bizzy-nightwatch-base-page：
const BasePage = require('bizzy-nightwatch-base-page');然后，在 custom_commands_path 中添加 bizzy-nightwatch-base-page 中的 custom_commands 文件夹路径：
module.exports = {
// ...
custom_commands_path: [
'./node_modules/bizzy-nightwatch-base-page/custom_commands'
],
// ...
};3. 使用
在页面对象中引入 BasePage：
const BasePage = require('bizzy-nightwatch-base-page');然后，定义页面对象，并继承 BasePage：
class LoginPage extends BasePage {
// ...
}页面对象中通过选择器，定义元素对象：
-- -------------------- ---- -------
----- --------- ------- -------- -
--- ----------- -
----- ------ - ---------------
----- -------------- - ---------- -------------------
----- ----------------- - ---------- ----------------------
----- ------------ - ---------- ---------------------
------ -
---------------
------------------
------------
--
-
-- ---
-然后，在测试用例中，实例化页面对象：
-- -------------------- ---- -------
----- --------- - ------------------------------
-------------- - -
----- ----- -------------- ----- -------- --------- -
----- ----- - ----------------
----- -------- - ---------
----- --------- - --- -------------------
----- ---------
-------
----------------
----------------------
---------------
--
--示例代码中，通过 open() 方法打开登录页面，通过 setEmail()、setPassword() 方法设置邮箱和密码，通过 clickSubmit() 方法点击登录按钮。
4. 总结
通过本教程，我们详细介绍了 bizzy-nightwatch-base-page 的安装、配置、使用方法，并提供了示例代码。
使用 bizzy-nightwatch-base-page 可以帮助前端开发者快速编写自动化测试脚本，可以提高测试效率，减少出错的风险。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a730d09270238226a8