CodePark/ questions / User interactions
START PRACTICINGPRACTICE
Frontend question · Testing › User interactions

The input starts with the value 'Ana'. What is its value after this line?

render(<input aria-label="Name" defaultValue="Ana" />);
await user.type(screen.getByLabelText("Name"), "Bea");
'AnaBea'

The value is 'AnaBea'. user.type clicks the element and types at the end of the existing value, like a user would. The tempting answer 'Bea' is wrong, because typing does not replace the old text. To replace the value, call await user.clear(input) first, then type.