WebDriver Locating Strategies By CSS Tag and Class

by Online Tutorials Library July 22, 2022

Locating Strategies- (By CSS-Tag and Class)

In this section, you will learn how to locate a particular web element using CSS – Tag and Class 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 page1

Open URL: https://www.testandquiz.com/selenium/testing.html
Right click on the “Automation Testing” checkbox on the sample web page and select Inspect Element.

Locating Strategies- By CSS-Tag and Class

It will launch a window containing all the specific codes involved in the development of the desired check box.

Locating Strategies- By CSS-Tag and Class

Take a note of its Tag and value of its Class attribute.

Locating Strategies- By CSS-Tag and Class

The Java Syntax for locating a web element through CSS – Tag and Class Selector is written as:

Therefore, for locating the “Automation Testing” Checkbox on the sample web page we will use the input tag along with the value of its Class attribute:

We have created a sample script for you to get a better understanding of how to use CSS – Tag and Class 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 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();    }    }  

Next TopicLocating Strategies- By CSS

WebDriver Locating Strategies By CSS Tag and Class

Locating Strategies- (By CSS-Tag and Class)

Selenium IDE- Locating Strategies By XPath

Akshardham Mandir

You may also like