C-Sharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript | SQL | PHP | Angular | HTML
Locating Strategies- (By CSS- Tag and ID)In this section, you will learn how to locate a particular web element using CSS - Tag and ID Selector. As we know that locating a particular web element involves inspection of its HTML codes. Follow the steps given below to locate the Textbox on the sample web page.
The Java Syntax for locating a web element through CSS - Tag and ID Selector is written as:
driver.findElement(By.cssSelector("Tag#Value of id attribute"))
Therefore, for locating the Textbox on the sample web page, we will use the input tag along with the value of its id attribute:
driver.findElement(By.cssSelector("input#fname"))
Similarly, for locating the Submit button on the sample web page, we will use the button tag along with the value of its id attribute:
driver.findElement(By.cssSelector("button#idOfButton"))
We have created a sample script for you to get a better understanding of how to use CSS - Tag and ID Selector. We have embedded comments in each section of code which will guide you through whole automation process.
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.remote.DesiredCapabilities;
public class SampleOne {
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#fname")).sendKeys("JavaTpoint");
// Click on the Submit button using click() command
driver.findElement(By.cssSelector("button#idOfButton")).click();
// Close the Browser
driver.close();
}
}
Next TopicLocating Strategies- By CSS
|