简介
npm 包 webdriver-actions 是一个用于自动化测试的 Node.js 库，可用于 Web 浏览器自动化测试及 UI 测试。此包是在 WebDriver API 的基础上创建的，该 API 允许用户与浏览器进行交互，以模拟用户的行为。
安装
使用 npm 进行安装：
npm install webdriver-actions
使用方法
1. 引入 webdriver 和 webdriver-actions
const { Builder } = require('selenium-webdriver');
const { Actions } = require('webdriver-actions');2. 生成 driver 对象
let driver = await new Builder().forBrowser('chrome').build(); // 生成 Chrome 驱动3. 执行动作
-- -------------------- ---- ------- --- ------- - --- ---------------- -- ------ ----- -------------------------------------------- -- ---- ----- ----------------------- --------------------- -- -- ----- --------------------- -- ------ ----- ------------------------------------------------ -- ------ -- ------ --- ------- - ----- ----------------------------------- -- ----- -- -------- --- ---- ------ -- -------- - ----------------- ------------------ - -- -- ------ ----- --------------
深度解读
Actions 对象
Actions 对象包含一系列可用于模拟用户操作的方法。通过 new Actions(driver) 生成。
let actions = new Actions(driver);
动作列表
webdriver-actions 库包含以下方法来支持用户操作：
click(selector: string)
单击指定选择器匹配的元素。
await actions.click('#button');doubleClick(selector: string)
双击指定选择器匹配的元素。
await actions.doubleClick('#button');mouseMove(selector: string, xOffset?: number, yOffset?: number)
将鼠标移动到指定选择器匹配的元素上，可以设置 x 和 y 坐标的偏移量。
await actions.mouseMove('#button');sendKeys(selector: string, ...var_args: any[])
向指定选择器匹配的元素输入内容。
await actions.sendKeys('#input', 'hello', Key.RETURN);dragAndDrop(source: string, target: string)
拖拽一个元素到另一个元素。
await actions.dragAndDrop('#source', '#target');tap(selector: string)
在指定选择器匹配的元素上按下并快速松开指定点数的手指。
await actions.tap('#button', 2);press(key: string | string[], opt_delay?: number)
按下键盘上的指定按键。
await actions.press(Key.LEFT).perform();
release(key: string | string[])
松开键盘上的指定按键。
await actions.release(Key.LEFT).perform();
scroll(xOffset: number, yOffset: number)
水平和/或垂直滚动。
await actions.scroll(0, 100);
navigateTo(url: string)
导航到指定的 URL。
await actions.navigateTo('https://www.google.com');JavaScript 执行
可以使用 driver.executeScript 方法在浏览器中执行 JavaScript 代码。
示例代码
-- -------------------- ---- -------
----- - -------- --- ---- ----- - - ------------------------------
----- - ------- - - -----------------------------
------ -------- --------- -
--- ------ - ----- --- ---------------------------------------
--- ------- - --- ----------------
--- -
----- ------------------------------------
-- -- -----------------
----- ----------------------- -------------------- ----------------------
-- ------
----- ------------------------------------------------ -- ------
-- --------
--- ------- - ----- ----------------------------------- -- -----
-- --------
--- ---- ------ -- -------- -
----------------- ------------------
-
- ------- -
----- --------------
-
-----总结
webdriver-actions 可以帮助开发者在使用 Selenium WebDriver 时更加便捷地模拟用户操作，从而加速测试开发。学习和掌握它的使用方法，将有助于提高测试效率，更加快速地反馈测试结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5b81e8991b448e5e0a