Locators, XPath Expressions, CSS Selectors and Locator Tools

Name: Locators, XPath Expressions, CSS Selectors and Locator Tools
Rating: 4.2 (12 reviews)

Includes the creation of complex XPath Expressions and CSS Selectors from scratch and many more

Created byArun Motoori

Last updated 12/2020

English

What you'll learn

HTML Basics required for understanding or learning Locators
Locator concepts, Types and choosing Locators
Creating XPath Expressions from scratch on the fly
Creating CSS Selectors from scratch on the fly
FireBug and FirePath Alternatives for auto-generating the Locators

Course content

5 sections • 91 lectures • 20h 25m total length

What is HTML?7:59
HTML Tags, Attribute Names and Values, Enclosed Text and HTML Elements11:55
Understand html tags, attribute names and values, and enclosed text that define html elements and their opening and closing tags.
Structure of HTML18:39
Adding Title to the HTML Web Page5:54
Adding Paragraphs to the HTML Web Page6:28
Adding Bold, Italic and Underlined text to the HTML Web Page7:13
Adding different sizes of headings8:50
Learn to add and vary heading sizes on web pages using h1 through h6, understanding heading levels and how to display different sizes with Selenium.
Adding hyperlinks to the web page6:35
Adding Rulers to the Web Page5:55
Learn how to add a self-closing ruler element to an estimate page and display it in the body, illustrating basic html structure and tag behavior.
Adding Images to the Web Page5:18
Adding Line Breaks to the Web Page5:46
Adding Table to the Web Page11:09

What are Locators?13:35
Different Types of Locators13:20
Explore the different types of locators in Selenium, including id, name, link text, CSS selectors, and XPath expressions, and learn how locator tools help locate elements on web pages.
Demonstrating ID locator7:17
Demonstrating Name locator6:19
Demonstrating locating elements with the Selenium name locator by using the name attribute, this lecture covers inspecting the element and a practical text box example to verify the locator.
Demonstrating Class Name locator5:37
Demonstrating Link Text locator5:58
Demonstrating CSS Selector locator6:33
Demonstrating XPath locator6:12
Demonstrating DOM locator7:57
Priority of Locators9:52
Additional details about different Locators22:27

What is an XPath?25:08
Hierarchy of HTML Source Code11:19
Explore the hierarchy of HTML source code to understand how XPath expressions and CSS selectors locate UI elements on a web page.
Types of XPath Expressions18:07
Learn the two types of XPath expressions—absolute XPath expressions and relative XPath expressions—and how they locate elements in web pages, with guidance on when to use each in Selenium automation.
Building Absolute XPath Expressions39:38
Master building absolute XPath expressions from scratch to locate elements from the root, with practical demos and examples using the Robot extension for Chrome to validate locator accuracy.
Advantages and Disadvantages of Absolute XPath Expressions16:46
Relative XPath Expressions - First Set of Examples23:42
Relative XPath Expressions - Second Set of Examples32:32
Relative XPath Expressions - Third Set of Examples26:19
Explore relative XPath expressions through hands-on examples locating images, links, and UI elements in a Chrome page; learn to combine expressions with the pipe operator and adapt to staging environments.
Relative XPath Expressions - Fourth Set of Examples21:36
Relative XPath Expressions - Fifth Set of Examples21:47
Relative XPath Expressions - Sixth Set of Examples14:27
Relative XPath Expressions - Seventh Set of Examples9:22
XPath Expressions - Wild Cards17:36
XPath Expressions - HTML Tables21:34
Different XPath Functions4:02
text() XPath Function14:28
contains() XPath Function16:23
starts-with() XPath Function14:53
last() XPath Function16:12
position() XPath Function5:53
Different XPath AXES14:12
Learn how XPath axes enhance element location in Selenium by using self, parent, child, descendant, following, and preceding axes to locate dynamic UI elements with robust XPath expressions.
following XPath AXES29:01
preceding XPath AXES21:38
Learn how the preceding XPath axis locates elements that precede a reference node, using locator expressions with practical browser examples to improve element targeting.
following-sibling XPath AXES25:51
preceding-sibling XPath AXES16:56
parent XPath AXES12:55
Discover how to locate web elements with the parent XPath axis and related axes, using nearby and sibling relationships to build robust selectors when direct paths fail.
child XPath AXES10:03
ancestor XPath AXES12:18
descendant XPath AXES13:49
Master descendant XPath axes by exploring how to locate children and grandchildren with XPath expressions, using browser inspection and practical examples.
Advantage of Relative XPath Expressions over Absolute XPath Expressions8:45

What is a CSS Selector?22:11
Explain what a css selector is and how it serves as a locator in Selenium, alongside xpath expressions and other locator types.
Types of CSS Selectors6:55
Building Absolute CSS Selectors29:38
Advantages and Disadvantages of Absolute CSS Selectors10:20
Relative CSS Selectors - First Set of Examples22:57
Relative CSS Selectors - Second Set of Examples19:06
Relative CSS Selectors - Third Set of Examples11:51
first-child in CSS Selectors10:58
last-child in CSS Selectors11:26
nth-child in CSS Selectors16:47
Comma and Asterisk Symbols in CSS Selectors13:22
Starts With, Ends With and Contains Symbols in CSS Selectors12:31
Using not in CSS Selectors14:53
Explore how to use the not operator in CSS selectors to exclude elements, combine multiple conditions, and apply practical examples with selenium-based demonstrations.
Using following sibling in CSS Selectors13:34
Locating disabled, enabled and selected UI elements using CSS Selectors16:41
XPath Expressions are powerful over CSS Selectors12:41
XPath expressions are powerful over CSS selectors in Selenium, using axes like following-sibling and ancestor to locate elements. Seven locator types and their priorities guide element locating.
CSS Selectors have higher priority over XPath Expressions10:21

FireBug got deprecated and discontinued13:23
Use SelectorsHub in place of ChroPath0:15
SelectorsHub - The Best Alternative9:26
List of Alternatives6:15
ChroPath for Chrome Browser18:59
Learn to use ChroPath in Chrome to locate elements with XPath and CSS selectors, install the Chrome extension from the Chrome Web Store, inspect elements, and validate locators.
ChroPath for Firefox Browser15:12
ChroPath for Opeara Browser16:37
devtools-highlighter8:00
Try XPath7:34
Default Chrome Dev Tools9:22
This lecture demonstrates using the default Chrome DevTools to inspect web pages, locate elements, and validate or auto generate XPath expressions and CSS selectors for reliable locating.
XPath Finder6:15
XPath Helper7:15
Learn to locate web elements with the XPath helper by auto generating and validating absolute and relative XPath expressions in Chrome, enabling robust element selectors.
Relative XPath Helper7:47
MRI5:35
True Path for Chrome7:57
True Path for Firefox7:17
Ranorex Selocity5:45
Default Firefox Dev Tools5:00
Chrome Console6:02
learn to use the Chrome console and inspector to validate xpath expressions and css selectors for locator tools and locating web elements.
ChroPath is the best58:44
Learn Manual Creation of XPath Expressions and CSS Selectors2:14

Requirements

Basic knowledge about software usage

Description

This course covers all the below topics in detail:

HTML Basics that are required for learning and understanding different types of Locators

Locator concepts
Types of Locators
Creating Complex XPath Expressions from scratch
Creating Complex CSS Selectors from scratch
FireBug and FirePath Alternative tools for Locators Auto-generation

By the end of this course you will be able to create reliable, stable and complex Locators for locating UI elements on the web pages.

This course is for the Test Automation engineers who want to create better and 'easier to maintain' locators.

Check the course contents for more details.

Who this course is for:

Beginners who are new to Selenium Automation
Beginners aspiring to learn different Locators
If you want to learn all the Locators to be used in Selenium Automation in detail, complete and from scratch

Locators, XPath Expressions, CSS Selectors and Locator Tools

What you'll learn

Explore related topics

Course content

HTML Basics for Locators12 lectures • 1hr 42min

Locator Concepts and Types11 lectures • 1hr 45min

XPath Expressions30 lectures • 8hr 57min

CSS Selectors17 lectures • 4hr 16min

FireBug and FirePath Alternatives21 lectures • 3hr 45min

Requirements

Description

Who this course is for: