📜  Selenium Webdriver CSS定位-标签和class

📅  最后修改于: 2020-11-06 03:39:04             🧑  作者: Mango

定位策略-(通过CSS标签和类别)

在本部分中,您将学习如何使用CSS-标记和类选择器来定位特定的Web元素。

我们知道,定位特定的Web元素涉及对其HTML代码的检查。

请按照以下步骤在示例网页上找到“文本框” 1

  • 它将启动一个窗口,其中包含与所需复选框的开发有关的所有特定代码。

  • 记下其Tag和其Class属性的值。

通过CSS-标记和类选择器定位Web元素的Java语法写为:

driver.findElement(By.cssSelector("Tag.Value of Class attribute"))

因此,为了在示例网页上找到“自动化测试”复选框,我们将使用输入标签及其Class属性的值:

driver.findElement(By.cssSelector("input.Automation"))

我们为您创建了一个示例脚本,以更好地了解如何使用CSS-标记和类选择器。我们在代码的每个部分都嵌入了注释,这些注释将指导您完成整个自动化过程。

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.remote.DesiredCapabilities;

public class SampleTwo {

    public static void main(String[] args) {
        
    // System Property for Gecko Driver 
    System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );
        
    // Initialize Gecko Driver using Desired Capabilities Class
        DesiredCapabilities capabilities = DesiredCapabilities.firefox();
        capabilities.setCapability("marionette",true);
        WebDriver driver= new FirefoxDriver(capabilities);
        
      // Launch Website
     driver.navigate().to("https://www.testandquiz.com/selenium/testing.html");
     
    
        
    // Locate the checkbox by cssSelector and check it using click() function
     driver.findElement(By.cssSelector("input.Automation")).click();
            
     
    // Close the Browser
     driver.close();
    
    }

}