前言
在现代 web 开发中，浏览器自动化测试已是必要环节之一。selenium-webdriver 是一个流行的 web driver 库，它允许使用许多编程语言编写交互式的自动化测试脚本。而 selenium-webdriver-beta 则是 selenium-webdriver 的一个 beta 版本，可以更好的满足一些实际场景的需求。
本文将教你如何使用 npm 包 selenium-webdriver-beta，让你编写的自动化脚本更加简单有效。
安装 selenium-webdriver-beta
在开始之前，需要先安装 node.js 环境。可以从 官网 下载对应系统的安装包。
在 node.js 环境下，通过 npm 包管理器安装 selenium-webdriver-beta：
npm install selenium-webdriver-beta
使用 selenium-webdriver-beta
selenium-webdriver-beta 的使用基于 WebDriver API，因此我们需要先了解下这个 API。
基本用法
在安装完 selenium-webdriver-beta 后，我们可以通过如下代码创建浏览器的 WebDriver 对象：
const {Builder, By, Key, until} = require('selenium-webdriver-beta'); const firefox = require('selenium-webdriver/firefox'); const browser = new Builder() .forBrowser('firefox') .setFirefoxOptions(new firefox.Options().headless()) .build();
这段代码先引入了所需的类库（Builder、By、Key、until），并创建了一个通过 Firefox 驱动的浏览器 WebDriver 对象。其中 setFirefoxOptions 方法可指定 Firefox 的选项，这里使用了 headless 模式。
接下来，我们可以使用 WebDriver 对象中的方法来执行一些操作，例如：
await browser.get('https://www.baidu.com/'); await browser.findElement(By.name('wd')).sendKeys('selenium-webdriver-beta', Key.RETURN); await browser.wait(until.titleIs('selenium-webdriver-beta_百度搜索'), 1000);
这段代码打开了百度首页，输入了搜索关键词并回车搜索。然后通过 until.titleIs 方法等待页面标题变为搜索结果的页面，等待时间为 1000ms。
最后，我们可以使用以下代码关闭浏览器：
await browser.quit();
选择器
在 WebDriver API 中，选择器是非常重要的一部分。selenium-webdriver-beta 中提供了几种不同的选择器：By.id、By.name、By.className、By.tagName、By.linkText、By.partialLinkText、By.xpath、By.cssSelector。这些选择器可以在 findElement 和 findElements 方法中使用。
以下是一些简单的示例：
通过 id 选择器选取元素：
await browser.findElement(By.id('my-button')).click();
通过 xpath 选择器选取元素：
await browser.findElement(By.xpath('//*[@id="my-button"]'));
使用 css selector 找到所有标签名为 a，href 属性值以 “http” 开头的元素：
await browser.findElements(By.css('a[href^="http"]'));
窗口和页面
WebDriver API 还可以管理窗口和页面。以下是一些示例：
通过 WebDriver.switchTo 方法可以将焦点从浏览器切换到其他窗口或 iframe：
await browser.switchTo().frame('my-iframe');
通过 WebDriver.getAllWindowHandles 方法可以获取所有窗口的句柄，再通过 switchTo 方法切换到指定窗口：
const handles = await browser.getAllWindowHandles(); await browser.switchTo().window(handles[1]);
通过 WebDriver.executeScript 方法可以在页面上执行 JavaScript 代码：
await browser.executeScript('document.getElementById("my-button").click();');
实际应用
下面是一个使用 selenium-webdriver-beta 的完整示例，该示例演示如何在网易云音乐中搜索指定歌曲，并播放：
-- -------------------- ---- ------- ----- --------- --- ---- ------ - ----------------------------------- ----- ------- - -------------------------------------- ----- ------- - --- --------- ---------------------- ---------------------- ----------------------------- --------- ------ -------- --------- - --- - -- --------- ----- -------------------------------------- -- --- ----- ----- ------------------------------------- -- ----- ----- ------------------------------------------- -- ------- ----- ------- -------------------------------------------------------- -------------- ----- ------------ -- ---------- ----- --------------------------------------------------------------- -- --------- ----- -------- - ----- -------------------- ------------------------------------------------------------------------------------------- -- -- ------ ----- -------- - ----- ------------------------------ -- ------- ----- ---------------------- -- --------- ----- ------------------------------------------------------ -- -------- ----- -------------------------------------------------------- -- ---- ----- ------------------------------------------------- -------------------- - ------- - ----- --------------- - -----展开代码
小结
selenium-webdriver-beta 是一个优秀的 web driver 库，它提供了许多强大的功能，可以帮助我们编写高效的自动化测试脚本。本文介绍了如何安装和使用 selenium-webdriver-beta，还详细讲解了 WebDriver API 中的选择器、窗口和页面管理等内容。希望读者可以通过本文了解到如何使用 selenium-webdriver-beta 来编写自动化测试脚本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596681e8991b448d6e6b
