7 / 18
Selenium WebDriver 4

Locate an element with a CSS selector

Easy30 pts~12 min
  • Locators
  • CSS selectors
Practice app · Practice Catalog

A product catalog with ids, names, classes, links, data-testids and duplicate buttons for locator practice.

Test URL
/lab/qa-automation-locate-an-element-with-a-css-selector

Your starter code already declares TEST_URL — never hardcode a host.

Objective

Drive the search with CSS selectors instead of the id/name shortcuts.

Your task

  1. 1Open TEST_URL.
  2. 2Locate the field with the CSS selector input.search-field and type “selenium”.
  3. 3Locate the button with button[type='submit'] and click it.
  4. 4Assert #search-summary contains “selenium”.

Acceptance criteria

  • Elements are located with By.cssSelector
  • #search-summary mentions “selenium”
  • At least 1 assertion passes

Selenium WebDriver 4 · QA Automation · Locators & the DOM