Stage 2: Web LocatorsBasic

Web Locators

Learn resilient user-facing locators, CSS/XPath overrides, and chaining/filtering selectors.

Status0% Complete

0/30

Solved

~7h

Hours

0/460

Points

Modules

3 Modules

Module 1: Element Locators

Query elements using accessibility roles, text labels, placeholders, stable data-testid tags, CSS, XPath, chaining, filters, index references, and shadow roots.

0/18 SOLVED

Drill Title	Difficulty	Points	Action
Locating by Accessibility Role page.getByRolebutton	Basic	10	Start Track
Locating by Text Content page.getByTextWelcome	Basic	10	Start Track
Locating by Text Label page.getByLabelUsername	Basic	10	Start Track
Locating by Placeholder Value page.getByPlaceholderSearch	Basic	10	Start Track
Locating Images by Alt Text page.getByAltTextlogo	Basic	10	Start Track
Locating by Title Attribute page.getByTitleTooltip	Basic	10	Start Track
Strict Test ID Selection page.getByTestIddata-testid	Basic	10	Start Track
CSS Selector Targeting page.locatordiv.card	Basic	10	Start Track
XPath Selector Targeting page.locator//h1	Basic	10	Start Track
Locator Chaining Basics locator.locatorparent-child	Basic	10	Start Track
Filtering List Items hasText locator.filterhasText	Intermediate	20	Start Track
Filtering List Items hasLocator locator.filterhas	Intermediate	20	Start Track
Selecting the Nth Match locator.nthindex	Intermediate	20	Start Track
Selecting First and Last Items locator.firstlocator.last	Intermediate	20	Start Track
Locator and Operator Rules locator.andAND operator	Intermediate	20	Start Track
Locator or Operator Rules locator.orOR operator	Intermediate	20	Start Track
Iterate Elements using all locator.alllooping	Intermediate	20	Start Track
Handling Locator Strictness Errors strict modeexceptions	Intermediate	20	Start Track

Module 2: Web Assertions

Implement expect web assertions: verify visibility, DOM attachment, checkbox toggle indicators, empty text checks, class traits, and list counts.

0/10 SOLVED

Drill Title	Difficulty	Points	Action
Asserting Element Visibility expect.toBeVisibleassertions	Basic	10	Start Track
Asserting Element Absence expect.toBeHiddennot.toBeVisible	Basic	10	Start Track
Asserting Element Attached DOM expect.toBeAttachedDOM state	Basic	10	Start Track
Asserting Enabled Disabled Inputs expect.toBeEnabledexpect.toBeDisabled	Basic	10	Start Track
Asserting Checkbox checked State expect.toBeCheckedcheckboxes	Basic	10	Start Track
Asserting Empty Input Value expect.toBeEmptyinputs	Basic	10	Start Track
Asserting exact text match expect.toHaveTexttoContainText	Intermediate	20	Start Track
Asserting Input Value Strings expect.toHaveValuevalues	Intermediate	20	Start Track
Asserting HTML Element Traits expect.toHaveClasstoHaveAttribute	Intermediate	20	Start Track
Asserting Match List Count expect.toHaveCountcounts	Intermediate	20	Start Track

Module 3: Accessibility Testing

Evaluate accessible markup contracts, audit page structures, and run automated Axe accessibility scans.

0/2 SOLVED

Status	Drill Title	Difficulty	Points	Action
	Verify Semantic A11y Structure accessible namesexpect.toBeVisible	Advanced	30	Start Track
	Automated Axe Audit Analysis AxeBuilderwcag2a	Advanced	30	Start Track