Selenium WebDriver - 窗口和标签页

Selenium Webdriver 可用于处理窗口和标签页。Selenium Webdriver 处理窗口和标签页没有区别。每个打开的窗口都有一个该会话的唯一标识符。

打开新窗口后，驱动程序上下文仍然保留在父窗口上。为了在子窗口上执行某些任务，我们需要将驱动程序上下文从主窗口切换到子窗口。

在 Selenium 中处理窗口和标签页的基本方法

Selenium 中有多种方法可用于根据窗口和标签页自动化测试。要访问子窗口，我们必须首先使用 switchTo().window("子窗口的窗口句柄 ID") 方法将驱动程序上下文切换到另一个窗口。处理窗口和标签页的方法如下所示：

• driver.getWindowHandle() - 用于获取焦点窗口的窗口句柄 ID。其返回类型为字符串。
• driver.getWindowHandles() - 用于获取已打开的所有窗口的窗口句柄 ID。其返回类型为字符串集。

示例 1

让我们以以下页面为例，我们将点击新标签页按钮。

点击新标签页后，我们将导航到另一个包含文本新标签页的标签页。

代码实现

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.Set;
import java.util.concurrent.TimeUnit;

public class Tabs {
   public static void main(String[] args) throws InterruptedException {

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 12 secs
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);

      // Opening the webpage where we will open a new tab
      driver.get("https://tutorialspoint.com/selenium/practice/browser-windows.php");

      // click link and navigate to next tab
      WebElement b = driver.findElement
         (By.xpath("/html/body/main/div/div/div[2]/button[1]"));
      b.click();
      
      // Get the window handle of the original window
      String oW = driver.getWindowHandle();
      
      // get all opened windows handle ids
      Set<String> windows = driver.getWindowHandles();

      // Iterating through all window handles
      for (String w : windows) {
         if(!oW.equalsIgnoreCase(w)) {
         
            // switching to child tab
            driver.switchTo().window(w);
            
            // accessing element in new tab
            WebElement e = driver.findElement
               (By.xpath("/html/body/main/div/div/h1"));
            System.out.println("Text in new tab is: " + e.getText());
            break;
         }
      }
      
      // quitting the browser
      driver.quit();
   }
}

输出

Text in new tab is: New Tab

Process finished with exit code 0

在上面的示例中，我们捕获了新标签页上的文本，并在控制台中收到了消息 - 新标签页中的文本为：新标签页。

最后，收到消息进程已完成，退出代码为 0，表示代码已成功执行。

示例 2

让我们再举一个例子，如下面的图片所示，我们将点击新窗口消息按钮。

点击新窗口消息后，我们将导航到另一个包含文本新窗口消息的窗口。

然后我们将关闭新窗口并切换回原始窗口，并在那里获取文本 - 浏览器窗口。最后，我们将退出会话。

代码实现

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.Set;
import java.util.concurrent.TimeUnit;

public class Windows {
   public static void main(String[] args) throws InterruptedException {
   
      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 12 secs
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);

      // Opening the webpage where we will open a new window
      driver.get("https://tutorialspoint.com/selenium/practice/browser-windows.php");

      // click link and navigate to next window
      WebElement b =  driver.findElement
         (By.xpath("/html/body/main/div/div/div[2]/button[3]"));
      b.click();

      // Get the window handle of the original window
      String oW = driver.getWindowHandle();

      // get all opened windows handle ids
      Set<String> windows = driver.getWindowHandles();

      // Iterating through all window handles
      for (String w : windows) {
         if(!oW.equalsIgnoreCase(w)) {
         
            // switching to child window
            driver.switchTo().window(w);
            
            // accessing element in new window
            WebElement e = driver.findElement
               (By.xpath("/html/body/main/div/div/h1"));
            System.out.println("Text in new window is: " + e.getText());
            driver.close();
            break;
         }
      }
      // switching to parent window
      driver.switchTo().window(oW);

      // accessing element in parent window
      WebElement e1 = driver.findElement
         (By.xpath("/html/body/main/div/div/div[2]/h1"));
      System.out.println("Text in parent window is: " + e1.getText());

      // quitting the browser session
      driver.quit();
   }
}

输出

Text in new window is: New Window Message
Text in parent window is: Browser Windows

在上面的示例中，我们捕获了新窗口上的文本，并在控制台中收到了消息 - 新窗口中的文本为：新窗口消息。然后我们关闭了子窗口并切换回父窗口。最后，在控制台中获取父窗口上的文本 - 父窗口中的文本为：浏览器窗口。

close() 和 quit() 方法的区别

close() 和 quit() 方法之间存在区别。close() 方法仅关闭焦点浏览器窗口，而 quit() 方法关闭与驱动程序会话相关的所有内容（浏览器和所有后台驱动程序进程）。

示例 1 - 使用 Selenium 4 打开新窗口

Selenium 4 提供了打开新标签页或窗口的选项。要打开新窗口，我们将借助以下方法：

driver.switchTo().newWindow(WindowType.WINDOW)

让我们再举一个例子，我们将首先打开一个窗口并启动一个包含文本 - 复选框的应用程序。

然后我们将打开一个新窗口并启动另一个包含文本 - 单选按钮的应用程序。

代码实现

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.WindowType;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;

public class NewWindow {
   public static void main(String[] args) throws InterruptedException {
      
      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();
      
      // adding implicit wait of 12 secs
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);
      
      // Opening the webpage in window 1
      driver.get("https://tutorialspoint.com/selenium/practice/check-box.php");
      
      // get text in window 1
      WebElement e = driver.findElement
         (By.xpath("/html/body/main/div/div/div[2]/h1"));
      System.out.println("Text is: " + e.getText());
      
      // Initiate the Webdriver
      WebDriver newDriver = driver.switchTo().newWindow(WindowType.WINDOW);
      
      // Opening the webpage in new window
      driver.get("https://tutorialspoint.com/selenium/practice/radio-button.php");
      
      // get text in window 2
      WebElement e1 = driver.findElement
         (By.xpath("/html/body/main/div/div/div[2]/form/h1"));
      System.out.println("Text in new window is: " + e1.getText());

      // quitting the browser session
      driver.quit();
   }
}

输出

Text is: Check Box
Text in new window is: Radio Button

在上面的示例中，我们捕获了第一个窗口中的文本，并在控制台中收到了消息 - 文本为：复选框。然后打开另一个窗口并在那里打开一个应用程序。最后，我们在控制台中获取了新窗口中的文本 - 新窗口中的文本为：单选按钮。

示例 2 - 使用 Selenium 4 打开新标签页

Selenium 4 提供了打开新标签页或窗口的选项。要打开新标签页，我们将借助以下方法：

driver.switchTo().newWindow(WindowType.TAB)

让我们再举一个例子，我们将首先打开一个窗口并启动一个包含文本 - 复选框的应用程序。

然后我们将打开一个新标签页并启动另一个包含文本 - 单选按钮的应用程序。

在 NewTabs.java 类文件上的代码实现。

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.WindowType;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;

public class NewTabs {
   public static void main(String[] args) throws InterruptedException {

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 12 secs
      driver.manage().timeouts().implicitlyWait(12, TimeUnit.SECONDS);

      // Opening the webpage in window 1
      driver.get("https://tutorialspoint.com/selenium/practice/check-box.php");

      // get text in window 1
      WebElement e = driver.findElement(By.xpath("/html/body/main/div/div/div[2]/h1"));
      System.out.println("Text is: " + e.getText());

      // Initiate the Webdriver
      WebDriver newDriver =driver.switchTo().newWindow(WindowType.TAB);

      // Opening the webpage in new tab
      driver.get("https://tutorialspoint.com/selenium/practice/radio-button.php");

      // get text in other tab
      WebElement e1 = driver.findElement(By.xpath("/html/body/main/div/div/div[2]/form/h1"));
      System.out.println("Text in other tab is: " + e1.getText());

      // quitting the browser session
      driver.quit();

   }
}

输出

Text is: Check Box
Text in other tab is: Radio Button

在上面的示例中，我们捕获了第一个窗口中的文本，并在控制台中收到了消息 - 文本为：复选框。然后打开另一个标签页并在那里打开一个应用程序。最后，我们在控制台中获取了新标签页中的文本 - 其他标签页中的文本为：单选按钮。

结论

这总结了我们关于 Selenium WebDriver 窗口和标签页教程的全面内容。我们首先描述了在 Selenium 中处理窗口和标签页的基本方法，并通过示例演示了如何使用 Selenium Webdriver 处理窗口和标签页，以及 Selenium 中 close() 和 quit() 方法的区别。这使您深入了解 Selenium WebDriver - 窗口和标签页。明智的做法是不断练习您所学到的知识，并探索与 Selenium 相关的其他知识，以加深您的理解并扩展您的视野。