They are shown when you run the tests. Until then they appear as a hidden requirement.
Build a name field that greets you as you type and has a button to clear it. You practice controlled inputs and values derived from state.
Clear button and the greeting.aria-label Name, the Clear button and the Hello, ... format of the role="status": the tests use them.Hello, stranger.Ana it says Hello, Ana.Clear button empties the field and the greeting goes back to Hello, stranger.Hello, stranger.Ana → you see Hello, Ana.Clear → the field is empty and you see Hello, stranger.The name changes as you type, so it goes in useState.
For the button to be able to empty the field, the input has to read its value from state (value) as well as write to it (onChange).
The greeting does not need its own state: it is computed from the name on every render.
value + onChange).The console is empty
Run your code with Ctrl+S
This console starts empty every time the preview loads. The browser's DevTools console keeps the messages with Preserve log.