Hoe kies en maak ik locators voor elementen op de pagina?

Het selecteren en maken van locators voor elementen op de pagina is een kernactiviteit in testautomatisering. Basisprincipes:

1. Uniciteit — de locator moet het element eenduidig identificeren.
2. Stabiliteit — de locator moet geldig blijven bij interfacewijzigingen.
3. Eenvoud en leesbaarheid — de locator moet begrijpelijk en onderhoudsvriendelijk zijn.

Typen locators:

• ID — het meest aanbevolen als het element een uniek id-attribuut heeft.
• Name — als er geen id is, kan het name-attribuut worden gebruikt.
• CSS-selectors — flexibel, maken het mogelijk om elementen te selecteren op basis van klassen, attributen, structuur.
• XPath — krachtig, maar kan fragiel en complex zijn.

Voorbeeld van het maken van een locator in Selenium (Python):

from selenium.webdriver.common.by import By

# Op ID
localizer = (By.ID, "submit-button")

# Op CSS-selector
localizer = (By.CSS_SELECTOR, "div.content > button.primary")

# Op XPath
localizer = (By.XPATH, "//button[text()='Submit']")

Bij het kiezen van een locator wordt aanbevolen om ID of unieke attributen te verkiezen, daarna CSS, en alleen als er geen andere opties zijn — XPath.