Finding Elements: Selectors

Selectors are the strings used to point to elements on a web page.

Best Practices

1. User-facing Locators: getByRole, getByLabel, getByPlaceholder.

2. Resilience: Avoid long CSS paths like `div > ul > li:nth-child(2)`.

Example

// Recommended

await page.getByRole('button', { name: 'Log in' }).click();

// Fallback
await page.locator('#submit-btn').click();