📌  相关文章
📜  Selenium Webdriver CSS定位-标签和属性

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

定位策略-(通过CSS标签和属性)

在本节中，您将学习如何使用CSS-标记和属性选择器来定位特定的Web元素。

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

请按照下面给出的步骤在示例网页上找到“文本框”。

  • 它将启动一个窗口，其中包含开发文本框所涉及的所有特定代码。

  • 记下其标签和属性。

注意：当您通过CSS查找时，可以选择诸如ID，类和名称之类的属性及其值，以及它们的值-标记和属性选择器。

  • 在这里，我们将记下其标记和其id属性的值。

通过CSS-标签和属性选择器定位Web元素的Java语法写为：

driver.findElement(By.cssSelector("Tag[Attribute=value]"))

因此，为了在示例网页上定位文本框，我们将使用具有id属性的input标签：

driver.findElement(By.cssSelector("input[id=fname]"))

同样，为了在示例网页上找到“提交”按钮，我们将使用具有id属性的button标记：

driver.findElement(By.cssSelector("button[id=idOfButton]"))

我们为您创建了一个示例脚本，以更好地了解如何使用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 SampleThree {

    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");
    
      // Click on the textbox and send value
driver.findElement(By.cssSelector("input[id=fname]")).sendKeys("Selenium Tutorials");
     
    // Click on the Submit button using click() command
driver.findElement(By.cssSelector("button[id=idOfButton]")).click();
 
        
     // Close the Browser
             driver.close();
    
    }

}