If you want to learn Locators for Selenium in detail, we have to learn the below:
HTML Basics for Selenium
- What is HTML (Introduction)?
- HTML Elements, Tags, Attributes and Enclosed Text
- HTML Structure
- Adding Title to the HTML Web Page
- Adding Paragraphs to the HTML Web Page
- Adding Bold Text to the HTML Web Page
- Displaying different sizes of heading on HTML Web Page
- Adding links to HTML Web Page
- Adding Ruler to HTML Web Page
- Adding Image to HTML Web Page
- Adding line breaks in the HTML Web Page
- Adding Paragraphs to the HTML Web Page
- Adding Italic Text to the HTML Web Page
- Adding Underlined Text to the HTML Web Page
- Adding Table to the HTML Web Page
Locators for Selenium
- What are Locators?
- Different types of Locators?
- Demonstrating ID Locator
- Demonstrating Name Locator
- Demonstrating Class Name Locator
- Demonstrating Link Text Locator
- Demonstrating CSS Selector Locator
- Demonstrating XPath Expression Locator
- Demonstrating DOM Locator
- Locators Priority
- About ID Locator in detail
- More details about Name, Class Name, and Link Text Locators
XPath Expression Locators in Detail
- What is an XPath?
- Hierarchy of HTML Source code
- Types of XPath Expressions
- Practice Absolute XPath Expressions in detail here
- Advantages and Disadvantages of Absolute XPath Expressions
- Practice Relative XPath Expressions in detail here (Part 1)
- Practice Relative XPath Expressions in detail here (Part 2)
- Practice Relative XPath Expressions in detail here (Part 3)
- Practice Relative XPath Expressions in detail here (Part 4)
- Practice Relative XPath Expressions in detail here (Part 5)
- Practice Relative XPath Expressions in detail here (Part 6)
- Practice Relative XPath Expressions in detail here (Part 7)
- Usage of Wild Cards in XPath Expressions
- Using XPath Expressions with HTML Tables
- XPath Functions
- Using text() XPath Function
- Using contains() XPath Function
- Using starts-with() XPath Function
- Using last() XPath Function
- Using position() XPath Function
- XPath Axes
- following XPath Axes
- preceding XPath Axes
- following-sibling XPath Axes
- preceding-sibling XPath Axes
- parent XPath Axes
- child XPath Axes
- ancestor XPath Axes
- descendant XPath Axes
- Advantages of Relative XPath Expressions over Absolute XPath Expressions
CSS Selectors Locators in Detail
- What is a CSS Selector?
- Types of CSS Selectors
- Practice Absolute CSS Selectors in detail here
- Practice Relative CSS Selectors in detail here (Part 1)
- Practice Relative CSS Selectors in detail here (Part 2)
- Practice Relative CSS Selectors in detail here (Part 3)
- Using first-child in CSS Selectors
- Using last-child in CSS Selectors
- Using nth-child in CSS Selectors
- Using comma and asterisk symbols in CSS Selectors
- Using starts with (^), ends with ($) and contains (*) in CSS Selectors
- Using not in CSS Selectors
- Using Follow Sibling (+) in CSS Selectors
- Using disabled, enabled and checked in CSS Selectors
- XPath Expressions are powerful than all locators including CSS Selectors
- CSS Selectors have the highest priority over XPath Expressions
Firebug and Firepath Alternatives
- Firebug got deprecated and discontinued by its developers
- Alternatives for Firebug and Firepath
- Installing Chropath Add-on on Chrome Browser
- Using Chropath Add-on in Chrome Browser
- Validating XPath Expressions and CSS Selectors using ChroPath Add-on in Chrome Browser
- Installing Chropath Add-on on Firefox Browser
- Using Chropath Add-on on Firefox Browser
- Validating XPath Expressions and CSS Selectors using ChroPath Add-on in Firefox Browser
- Installing, Using and Validating locators using ChroPath in Opera Browser
- Installing and using devtools-highlighter add-on in Firefox Browser
- Installing and using Try XPath Add-on in Firefox Browser
- Using the default Chrome Dev Tools for validating the XPath Expressions and CSS Selectors
- Installing and using XPath Finder Add-on in Chrome Browser
- Installing and using XPath Helper Add-on in Chrome Browser
- Installing and using Relative XPath Helper Add-on in Chrome Browser
- Installing and using MRI in Internet Explorer Browser
- Installing and using TruePath add-on in Chrome Browser
- Installing and using TruePath add-on in Firefox Browser
- Installing and using Ranorex Selocity add-on in Chrome Browser
- Using the default Chrome Dev Tools Copy options in Chrome Browser
- Using the default Firefox Dev Tools Copy options in Firefox Browser
- Validating the XPath Expressions and CSS Selectors in Chrome Console
- ChroPath in Chrome Browser is the best alternative for Firebug and Firepath
- Write XPath Expressions and CSS Selectors by yourself instead of auto-generating them
Happy Learning ?
Arun Motoori ( www.QAFox.com )
On a mission to contribute to the Software Testing Community in all possible ways.