QA PRACTICE•TEST ID

Locator Practice HubTopics / data-testid strategy

Lesson 8 / 20 · Beginner

data-testid strategy

Design selectors intentionally for automation.

8 min

Not completed

Concept

data-testid, data-test ve data-cy açık bir automation contract’tır. Ekip testIdAttribute ayarını standardize etmeli; geliştirici, ürün ve QA birlikte anlamlı isimler seçmelidir.

Prerequisites: Role and accessible name

Live demo

Try the locator

Scoped to lesson demo

Try the locator against the live demo.

Good

data-testid='checkout-submit' gibi davranışı anlatan sözleşme kullan.

Avoid

data-testid='button-17' gibi render sırasını taşıyan ad kullanma.

Why

Görsel metin ve stil değişirken automation contract korunabilir.

Real-world trap

Her şeyi test id ile seçmek erişilebilir semantiklerin eksik kalmasını gizleyebilir.

Framework comparison

Playwright

page.locator("[data-testid='checkout-submit']")

Selenium

driver.findElement(By.cssSelector("[data-testid='checkout-submit']"))

Cypress

cy.get("[data-testid='checkout-submit']")

Mini quiz

Test id ne zaman iyi bir seçimdir?
← PreviousNext →