Loading challenge...
Nested Elements
Navigate through nested DOM structure
What you will learn
- Scope your locator to the nearest stable container: getByRole(‘navigation’).getByRole(‘link’) beats a flat getByRole(‘link’) 9/10 times
- Avoid .locator("..") traversals — rewriting the locator from a parent container is more robust than climbing back up
- For deeply nested structures, add data-testid at the outermost stable boundary — everything below scopes cleanly
