WebDriver Locating Strategies By CSS Tag and Class

WebDriver Locating Strategies By CSS Tag and Class with Introduction, features, selenium basic terminology, what is selenium, selenium limitations, selenium vs qtp, tool suite, selenium ide, ide-installation, ide-features, ide-first test case, ide-commands, ide-creating test cases manually, ide-login test etc.

<< Back to WEBDRIVER

next → ← prev

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.

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

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

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

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:

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

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

← prev next →

.Net

.NET Array Dictionary List String 2D Async DataTable Dates DateTime Enum File For Foreach Format IEnumerable If IndexOf Lambda LINQ Parse Path Process Property Regex Replace Sort Split Static StringBuilder Substring Switch Tuple

Java

Core Array ArrayList HashMap String 2D Cast Character Console Deque Duplicates File For Format HashSet If IndexOf Lambda Math ParseInt Process Random Regex Replace Sort Split StringBuilder Substring Switch Vector While

TheDeveloperBlog.com

WebDriver Locating Strategies By CSS Tag and Class

Locating Strategies- (By CSS-Tag and Class)

Related Links:

.Net

Java

Related Links