Selenium 4 里面的新特性

本文翻译自 What's new in Selenium 4: Key Features | BrowserStack 如有纰漏，欢迎指正~

正文

1. Selenium Grid的拓展

相比以往需要自己设置麻烦的虚拟机,新的selenium grid支持dockers.

现在对Seleniun grid的管理也更加方便，不需要分别起node和hub了。此外新的Selenium 4 包含了以下的模式

1. Standalone mode
2. Hub and Node
3. Fully distributed

Selenium grid 现在支持IPv6，而且可以通过Https和Grid通信，同时配置Grid 实例的文件可以支持用另外一种格式（更简单易懂）

GitHub - toml-lang/toml: Tom's Obvious, Minimal Languagehttps://github.com/toml-lang/toml

同时Selenium grid还有更友好的UI并且对Azure, AWS,有着更好的兼容。这对DevOps来说是一个好消息。

---

2. Selenium IDE 的更新

<这部分笔者接触的比较少，无非就是对IDE的一些新的支持，比如UI，新的功能等等。略过＞

---

3. Selenium 4中的相对定位器

Selenium 4 提供了更直接的在元素内部相对定位方法。包括我们以下常用的4类方法：

1. To left of
2. To right of
3. Above
4. Below

具体的用法可以参照Selenium 4 Relative Locators - Angie Jones 

---

4. 更好的文档支持

帮助tester获得更全面的API和selenium的有关信息

---

5. 对Chrome Debugging Protocol的支持（我认为最大的突破）

Selenium 4 有着对Chrome Debugging Protocol的原生支持，这意味着QA可以使用Fetch, Network, Profiler, Performance, Application cache等控制台的内容。

同时QA还可以使用Chrome DevTool提供的API来进行弱网和地理位置的测试。

• 1网络测试 How to perform Network Throttling in Chrome | BrowserStack
• 地理测试 Geolocation testing of your mobile apps and websites | BrowserStack

同时还能帮助QA和开发更快的测试和解决特定页面的bug。

---

6. 对window/Tab操作的全新支持

当QA需要测试打开几个页面/浏览器的场景时，在Selenium 3中我们会这么做：

        1.需要创建新的web Driver实例

        2.然后使用Windowhandle方法中的来执行Switch操作。

在Selenium 4中我们有一个新的API - newWindow， 这意味着我们不需要再自己创建Webdriver的实例了。

下面是一些使用的例子

• 打开一个新的Window

driver.get("https://www.google.com/");
// Opens a new window and switches to new window
driver.switchTo().newWindow(WindowType.WINDOW);

// Opens BrowserStack homepage in the newly opened window
driver.navigate().to("https://www.browserstack.com/");

• 打开一个新的Tab页（同一个浏览器）

driver.get("https://www.google.com/");

// Opens a new tab in existing window
driver.switchTo().newWindow(WindowType.TAB);

// Opens Browserstack homepage in the newly opened tab
driver.navigate().to("https://www.browserstack.com/");

---

7. Desired Capabilities的退休

当我们在使用Selenium grid跑脚本时， Desired Capabilities是用来定义测试环境（比如浏览器版本，操作系统等等）

而Selenium 4中，我们直接用option代替。这意味着我们需要在初始化Driver的时候，需要创建Option对象，设置测试的要求，然后将这些传递给Webdriver的构造函数。

下面是定义浏览器特定的Option列表：

1. Firefox – FirefoxOptions
2. Chrome – ChromeOptions
3. Internet Explorer (IE) – InternetExplorerOptions
4. Microsoft Edge – EdgeOptions
5. Safari – SafariOptions

---

8. Actions类的一些改动

Actions类通常用来模拟用户的鼠标和键盘操作某些特定的元素。（比如左击，右击，双击等）

在Selenium 4 中，添加了以下的方法：

• click(WebElement)

代替：moveToElement(onElement).click()

作用：点击某个元素

• clickAndHold(WebElement)

代替： moveToElement(onElement).clickAndHold()

作用：点击某个元素并且不放

• contextClick(WebElement)

代替： moveToElement(onElement).contextClick(）

作用：右击某个元素

• doubleClick(WebElement)

代替： moveToElement(element).doubleClick()

作用：双击某个元素

• release()

代替： 原来是org.openqa.selenium.interactions.ButtonReleaseAction类的一部分，现在加到Actions类中

作用：松开某个元素