Loading challenge...
challenges.dynamic-id.title
challenges.dynamic-id.description
What you will learn
- Choose locators by role, accessible name or test id over generated ids that move on re-render
- Notice that ids can change mid-test, not only between deployments
- Reach a field through its label when its id is generated at render time
Generation: 0
Last action: None
Buttons With Generated Ids
Every id below changes on each action. The accessible name and data-testid do not.
Save Draft: #btn-a7f3k2
Publish: #btn-b1c9e4
Archive: #btn-d5g8h6
Generated Form Field
Label and input are wired by a matching pair of generated ids
for/id pair: field-a7f3k2
Force a Re-render
Shift every id without pressing an action button
