Learn Element Locators : CSS Selector and Xpath from Scratch

Understand the basics of HTML and the DOM, learn how web elements are defined by tags, attributes, and text, and see how inspection reveals login buttons and form fields.

Learn how to identify web elements with Selenium locators, including CSS selectors and XPath, using find element and find elements, with attributes like id, name, and text.

Locate the first web element with the tag name using a web driver, navigate to a basic page, and click the link to demonstrate the tag name locator.

Explore real-time element identification by id, name, and className, using tag name and other attributes to locate links, then perform click actions and compare locator options.

Demonstrates use of link text and partial link text to identify and click links, outlining when to prefer these over id, name, or class and how partial matches work.

Explore real-time use of attributes to identify web elements with CSS selectors and other locators, and learn when to apply id, name, class, tag, and password attributes.

Master XPath and CSS selector as essential locators for locating web and mobile elements in Selenium and Appium, especially when no unique id, name, or class exists.

Discover how to locate web elements with css selector, using id, class, and attribute patterns, and apply start with, end with, substring, and contains for dynamic elements.

Identify web form fields using css selectors with id, name, and class name attributes, and compare xpath options, using facebook signup as a practical example.

Learn how to identify web elements with CSS selectors by using attributes such as id, name, or label, and build selectors with the syntax tag name [attribute='value'].

Learn to write CSS selectors using start with and end with attributes to identify web elements by id, class, or other attributes, with practical Selenium examples.

Learn to identify web elements with css selector end with patterns using the dollar sign, applying end-with logic to id and name attributes for precise element selection in selenium.

Learn to identify web elements with CSS selectors using contains and substring matching, using attribute selectors like [attr*='value'] on id, class, or name, then locate and act with Selenium.

Explore CSS selectors and the use of id to uniquely identify web elements, compare selectors by tag, attribute, and value, and learn practical examples for form fields and text inputs.

Learn real-time techniques for identifying web elements using CSS selectors and XPath, including targeting by id, class, and attributes, handling multiple classes and indexing for precise selection.

Learn to locate dynamic web elements using css selectors and XPath from scratch, applying start with, ends with, and contains patterns to identify partial text like emails or mobile numbers.

Learn the limitations of CSS selectors, including no forward or backward DOM traversal and inability to locate elements by text, and begin using XPath with Selenium to locate web elements.

Explore robust web element locating with XPath and CSS selectors, compare absolute versus relative XPath, and use attributes, text, and indexing to pinpoint elements across the DOM.

Absolute XPath specifies a full root-to-element path with indexing, identifying elements like a, b, and c. It breaks when the DOM changes, so relative XPath and CSS selectors offer robustness.

Master relative xpath to identify web elements with the short syntax //tag[@attribute='value'], bypassing lengthy absolute paths. Use unique attributes like id or name, and use * when needed.

Learn xpath by attribute to identify web elements uniquely using //, the tag name, and @attribute='value', covering id, name, class, placeholder, type, and href selectors.

Learn to build XPath locators with multiple attributes using and, or, not operators, and contains as needed to reliably identify elements like checkboxes by placeholder, id, or name.

Learn how to identify a web element using xpath with and and or operators. Combine attribute conditions like label and name to uniquely locate elements even if values change.

Discover how to write XPath with the text function to identify web elements by visible text when attributes are ambiguous, using syntax //tagname[text()='test automation'].

Learn to use the XPath text function to identify web elements by visible text, and apply indexing to select the exact signup button or label.

Learn how to write XPath expressions using the contains function to handle spaces in attributes or text, with syntax examples for attributes and text, and practical usage.

Learn to use XPath contains on the class attribute and on text, with the input tag and indexing, and handle spaces in text for unique element identification.

Learn to navigate XPath with forward traversing (parent to child) and backward traversing (child to parent) using practical examples, attributes like id, and handling non-unique elements.

Explains how to use independent and dependent XPath when elements lack unique attributes. Learn to identify a web element, navigate to its parent, and reach the target using relative XPath.

Learn how to locate elements with XPath in practice, using indexing, grouping, and following axes to identify radio buttons, inputs, and labels across complex page structures.

Learn how to use xpath by group index to identify a single web element among many, using indexing, last, and position with input tags in practical examples.

Learn practical XPath indexing and group indexing to identify web elements by position, selecting first, second, or third items, and using following axes to reach related inputs.

Explore XPath axes to locate nodes relative to a context, using ancestor, descendant, parent, following, preceding, and following-sibling and preceding-sibling relationships on the HTML DOM.

Learn to use ancestor, descendant, and parent in xpath to reach a grandparent and locate the email address or phone number field from a password input.

Master the descendant axis in xpath to navigate from a grandparent to any child, using indexing to reach email, password, and login elements inside a form.

Learn how to use the parent axis in xpath to move from a child to its immediate parent or ancestors, with practical steps for identifying elements and traversing back up.

Explore how to navigate web pages with XPath following and preceding, using indexing to reach inputs and radio buttons from a reference element, including gender options labeled in signup forms.

Learn how to use following-sibling and preceding-sibling in XPath to target adjacent siblings under the same parent. Use text-based identification and avoid indexing for robust element selection.

Identify web elements by using id for unique elements, then name or attributes, or css selectors for speed; resort to XPath when needed, applicable to web and mobile automation.

Explore the need for xpath when css selectors fail and learn to identify password and text inputs using absolute xpath and indexing.

Learn how absolute xpath starts from the document root and traverses down through the body to locate elements, while noting its fragility and real-time drawbacks.

Explore how to transition from absolute to relative XPath using attributes, multi-attribute conditions, and operators to reliably locate web elements like email and first name inputs.

Learn how to reliably locate web elements in real time using and and or conditions and text with XPath, including multiple attributes and link text, directly from scratch.

Explore real-time use of text and contains with CSS selectors and XPath to locate elements, handle spaces and breakable text, and interact with links.

Learn to locate web elements with XPath from scratch, using the contents function and text function, attribute matching, and forward and backward traversal to select radios and other elements.

Use following and preceding selectors in real time to locate elements by unique context and navigate backward or forward to target items like add to cart.

Master real-time xpath techniques by navigating preceding and following siblings and using start-with to locate elements within parent and child hierarchies.

Explore real-time element traversal using parent and child relationships in xpath to move from one DOM element to another, identify elements in Chrome inspect, and select specific inputs by index.

Master locating elements with XPath via ancestor and descendant relationships. Navigate up to parents and grandparents and down to descendants using group index and star notation.

Learn how to pass dynamic values in xpath to select radio buttons (male, female) without hardcoding, by using a generic method and external inputs such as Excel.