QA PRACTICE•XPATH

Locator Practice HubTopics / XPath basics

Lesson 6 / 20 · Intermediate

XPath basics

Navigate relationships when CSS is not expressive enough.

12 min

Not completed

Concept

XPath, CSS’in zorlandığı ilişki ve metin senaryolarında kullanılır. `//input[@name='email']` gibi relative ifadeleri tercih et. XPath 1-tabanlıdır; `(//button)[2]` ile CSS `nth-child(2)` aynı şeyi garanti etmez.

Prerequisites: HTML & DOM basics

Live demo

Try the locator

Scoped to lesson demo

Try the locator against the live demo.

Good

Stabil attribute ve relative path ile XPath yaz.

Avoid

/html/body/main/div[2]/form/input[1] gibi absolute path kullanma.

Why

DOM’a yeni wrapper eklendiğinde relative XPath daha az kırılır.

Real-world trap

XPath iframe veya Shadow DOM sınırını tek ifadeyle geçemez.

Framework comparison

Playwright

page.locator("//div[@data-testid='xpath-demo']//input[@name='email']")

Selenium

driver.findElement(By.cssSelector("//div[@data-testid='xpath-demo']//input[@name='email']"))

Cypress

cy.get("//div[@data-testid='xpath-demo']//input[@name='email']")

Mini quiz

XPath index’leri kaçtan başlar?
← PreviousNext →