介绍
Webdriven 是一个基于 selenium-webdriver 封装的 npm 包，提供了更加便捷的 API，可以方便地进行前端自动化测试。
安装
npm install webdriven
使用方法
1. 创建一个 WebDriver 实例
-- -------------------- ---- -------
----- --------- - ---------------------
----- ------ - --- ---------------------
------------ ---------
-------------- -
----- -----------------
------- ------------------------
--
--------- ------
---其中，browserName 可选 chrome、firefox、safari 等浏览器，chromeOptions 是对浏览器的一些配置，logLevel 是日志的级别。
2. 打开页面
await driver.get('https://www.example.com');3. 定位元素
const usernameInput = await driver.element('input[name="username"]');定位元素返回一个 Element 对象，包含了一些操作该元素的方法，比如输入值、获取值等等。
4. 操作元素
await usernameInput.setValue('my_username');
const username = await usernameInput.getValue();
console.log(username);可以给元素设置值并获取值。
5. 执行 JavaScript
await driver.executeScript(() => {
document.querySelector('#submit-button').click();
});执行 JavaScript 代码，可以对页面进行一些高级操作。
6. 断言
const pageTitle = await driver.getTitle(); assert.equal(pageTitle, 'Example Domain');
使用 assert 断言一些页面信息，来判断测试是否通过。
7. 关闭 WebDriver
await driver.quit();
测试完成后，一定记得关闭 WebDriver，以防止浏览器持续占用资源，影响性能。
示例代码
下面是一个完整的示例代码，用来展示 webdriven 的用法。
-- -------------------- ---- -------
----- ------ - ------------------
----- --------- - ---------------------
------------------- --------- ---------- -
--------------------
--- -------
---------------- ---------- -
------ - --- ---------------------
------------ ---------
-------------- -
----- -----------------
------- ------------------------
--
--------- ------
---
---
--------------- ---------- -
----- --------------
---
---------- ------ --- ------ ----- ---------- -
----- --------------------------------------
----- ------------- - ----- -----------------------------------------
----- ------------- - ----- -----------------------------------------
----- ------------ - ----- ---------------------------------
----- --------------------------------------
----- --------------------------------------
----- ---------------------
----- --------- - ----- ------------------
----------------------- -------- ---------
---
---该测试用例访问一个带有表单的页面，输入用户名和密码，然后点击提交按钮。在提交完成后，使用断言来验证页面标题，如果测试通过，就代表 webdriven 的使用是成功的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671048dd3466f61ffdcf5