• Selenium Video Tutorials

Selenium WebDriver - 用户交互

上一页
下一页

Selenium WebDriver 可用于各种用户交互，例如点击链接或按钮，在输入框中输入或清除文本，以及在下拉列表中选择或取消选择选项。

用户交互的基本 Selenium Webdriver 命令

Selenium Webdriver 中有多个命令可以帮助对元素执行操作。它们列在下面 -

click()

此方法用于在元素的中间执行点击事件。如果元素的中间隐藏，则会抛出异常。

右键点击网页，然后在 Chrome 浏览器中点击“检查”按钮。然后，将打开该页面的相关 HTML 代码。要检查下面页面中的某个链接，例如无内容，请点击 HTML 代码顶部突出显示的向上箭头。

Selenium User Interactions 1

一旦我们点击并指向了“无内容”超链接的箭头，它的 HTML 代码就可见了。可以使用链接文本定位器检测链接。使用此方法，将定位具有链接文本匹配值的第一个链接。

示例

让我们举个例子，我们首先点击无内容链接，然后我们将获得文本链接已使用状态 204 和状态文本进行响应。

Selenium User Interactions 2

代码实现

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;
import java.util.concurrent.TimeUnit;

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

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

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

      // Opening the webpage where we will identify link
      driver.get("https://tutorialspoint.com/selenium/practice/links.php");

      // Identify link with link text
      driver.findElement(By.linkText("No Content")).click();

      // identify text
      WebElement l = driver.findElement(By.xpath("/html/body/main/div/div/div[2]/div[2]"));

      // Get text after clicking the link
      System.out.println("Text is: " + l.getText());
      
      // Closing browser
      driver.quit();
   }
}

输出

Text is: Link has responded with status 204 and status text No Content

Process finished with exit code 0

在上面的示例中，点击无内容链接后获得的文本为文本为：链接已使用状态 204 和状态文本无内容进行响应。

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

sendKeys()

此方法用于在编辑框或任何可编辑字段中输入一些文本。每个输入框都具有名为 input 的标签名。此外，输入框应具有 type 属性，其值为 text。如果元素不可编辑，并且在该元素上应用了 sendKeys() 方法，则应抛出异常。

clear()

此方法用于清除编辑框或任何可编辑字段中的文本。如果元素不可编辑，并且在该元素上应用了 clear() 方法，则应抛出异常。

Selenium User Interactions 3

示例

让我们以上面页面的一个示例为例，我们首先使用sendKeys()方法在输入框中输入一些文本。要输入的值作为参数传递给该方法。然后，我们将使用clear()方法清除输入的文本。

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.concurrent.TimeUnit;

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

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

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

      // Opening the webpage where we will identify edit box and enter
      driver.get("https://tutorialspoint.com/selenium/practice/selenium_automation_practice.php");

      // Identify the input box with xpath locator
      WebElement e = driver.findElement(By.xpath("//*[@id='name']"));

      // enter text in input box
      e.sendKeys("Selenium");

      // Get the value entered
      String text = e.getAttribute("value");
      System.out.println("Entered text is: " + text);

      // clear the text entered
      e.clear();

      // Get no text after clearing text
      String text1 = e.getAttribute("value");
      System.out.println("Get text after clearing: " + text1);

      // Closing browser
      driver.quit();
   }
}

输出

Entered text is: Selenium
Get text after clearing: 

Process finished with exit code 0

在上面的示例中，我们首先在输入框中输入了文本Selenium，并在控制台中检索了输入的值，消息为 - 输入的文本为：Selenium。然后清除输入的值，并且输入框中没有值。因此，我们在控制台中收到以下消息：清除后获取文本。

Select 类

Select 类中有多个方法可以帮助我们与下拉列表进行交互。每个下拉列表都由 select 标签名标识，其选项由 option 标签名标识。网页上可能有两种类型下拉列表 - 单选（允许选择一个选项）和多选（允许选择多个选项）。多选下拉列表还应具有一个属性 multiple。

Selenium User Interactions 4

在上图中，选项选择一个标题具有属性 selected，这意味着默认情况下已选中此选项。Select 类中有多个方法允许处理Selenium Webdriver 中的下拉列表。

在下面的页面中，我们将访问“多选下拉列表”旁边的多选下拉列表，选择值电子产品和电脑和运动和户外，并执行一些验证。

Selenium User Interactions 5

示例

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 org.openqa.selenium.support.ui.Select;
import java.util.List;
import java.util.concurrent.TimeUnit;

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

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

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

      // Opening the webpage where we will get dropdown
      driver.get("https://tutorialspoint.com/selenium/practice/select-menu.php");

      // identify multiple dropdown
      WebElement dropdown = driver.findElement
         (By.xpath("//*[@id='demo-multiple-select']"));
         
      // object of Select class
      Select select = new Select(dropdown);

      // gets options of dropdown in list
      List<WebElement> options = select.getOptions();
      for (WebElement opt : options){
         System.out.println("Options are: " + opt.getText());
      }

      // return true if multi-select dropdown
      Boolean b = select.isMultiple();
      System.out.println("Boolean value for multiple dropdown: "+ b);

      // select item by value
      select.selectByValue("3");

      // select item by index
      select.selectByIndex(7);

      // get all selected options of dropdown in list
      List<WebElement> selectedOptions = select.getAllSelectedOptions();
      for (WebElement opt : selectedOptions){
         System.out.println("Selected Options are: " + opt.getText());
      }

      // get first selected option in dropdown
      WebElement f = select.getFirstSelectedOption();
      System.out.println("First selected option is: "+ f.getText());

      // deselect option by index
      select.deselectByIndex(7);
      
      // deselect all selected items
      select.deselectAll();

      // get all selected options of dropdown after deselected
      List<WebElement> delectedOptions = select.getAllSelectedOptions();
      System.out.println("No. options selected: " + delectedOptions.size());

      // Closing browser
      driver.quit();
   }
}

输出

Options are: Books
Options are: Movies, Music & Games
Options are: Electronics & Computers
Options are: Home, Garden & Tools
Options are: Health & Beauty
Options are: Toys, Kids & Baby
Options are: Clothing & Jewelry
Options are: Sports & Outdoors
Boolean value for multiple dropdown: true
Selected Options are: Electronics & Computers
Selected Options are: Sports & Outdoors
First selected option is: Electronics & Computers
No. options selected: 0

Process finished with exit code 0

在上面的示例中，我们使用控制台中的消息获取了下拉列表的所有选项 - 选项为：书籍，选项为：电影，音乐和游戏，选项为：家居，花园和工具，选项为：健康和美容，选项为：玩具，儿童和婴儿，选项为：服装和珠宝，选项为：运动和户外。我们还使用控制台中的消息验证了下拉列表是否具有多个选择选项 - 用于检查的布尔值为：true。

我们使用控制台中的消息检索了下拉列表中选定的选项 - 选定的选项为：电子产品和电脑，选定的选项为：运动和户外。我们还使用控制台中的消息获取了第一个选定的选项 - 第一个选定的选项为：电子产品和电脑。最后，我们取消选择了下拉列表中所有选定的选项，因此在控制台中获得了消息 - 选定的选项数：0。

滚动操作

Selenium webdriver 可以使用 JavaScriptExecutor（一个接口）在网页上执行滚动操作。Selenium Webdriver 可以使用 JavaScriptExecutor 执行 JavaScript 命令。

阅读更多：Selenium Webdriver 滚动操作.

结论

本教程全面介绍了 Selenium WebDriver 用户交互。我们从描述用户交互的基本 Selenium Webdriver 命令开始，并提供示例来说明如何在 Selenium Webdriver 中使用这些命令。这将使您深入了解 Selenium WebDriver 用户交互。建议您不断练习所学内容，并探索与 Selenium 相关的其他内容，以加深理解并拓宽视野。

打印页面
上一页
下一页
广告