在本节中,将学习如何使用CSS - 标签,类和属性选择器查找特定的Web元素。在这种情况下,检查Google搜索引擎的搜索文本框。
我们知道,查找特定的Web元素需要检查其HTML代码。 因此,请按照以下步骤找到Google搜索引擎初始网页上提供的文本框。
- 打开网址 :https://www.google.com
- 右键单击示例网页上的文本框,然后选择“检查元素”
它将启动一个窗口,其中包含文本框开发中涉及的所有特定代码。
记下它的标签,类和属性。
用于通过CSS定位Web元素的Java语法 - 标记,类和属性选择器编写为:
driver.findElement(By.cssSelector("tag.class[attribute=value]"))
因此,要在Google搜索引擎页面上找到文本框,使用输入标记,类和名称属性:
driver.findElement(By.cssSelector("input.gsfi[name=q]"))
同样,要在Google搜索引擎页面上找到Google搜索按钮,使用其各自的输入标记,类和名称属性:
driver.findElement(By.cssSelector("input.jsp[name=btnK]"))
通过上面步骤,创建了一个示例脚本,以便更好地理解如何使用CSS - 标记,类和属性选择器。 我们在每个代码部分都嵌入了注释,这些注释将指导完成整个自动化过程。
package com.yiibai;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
public class SampleOne {
public static void main(String[] args) {
// TODO Auto-generated method stub
// System Property for Gecko Driver
// System Property for Gecko Driver
System.setProperty("webdriver.gecko.driver", "D:\\software\\WebDriver\\geckodriver.exe");
System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe");
WebDriver driver = (WebDriver) new FirefoxDriver();
// Launch Website
driver.navigate().to("www.google.com");
// Click on the textbox and send value
driver.findElement(By.cssSelector("input.gsfi[name=q]")).sendKeys("javaTpoint Yiibai");
// Click on the Google Search button using click() command
driver.findElement(By.cssSelector("input.jsp[name=btnK]")).click();
// Close the Browser
driver.close();
}
}