Se muestran cuando ejecutas los tests. Hasta entonces aparecen como un requisito oculto.
Crea un campo de nombre que te salude mientras escribes y tenga un botón para vaciarlo. Practicas los inputs controlados y los valores derivados del estado.
Clear y el saludo.aria-label Name, el botón Clear y el formato Hello, ... del role="status": los usan los tests.Hello, stranger.Ana dice Hello, Ana.Clear vacía el campo y el saludo vuelve a Hello, stranger.Hello, stranger.Ana → ves Hello, Ana.Clear → el campo queda vacío y ves Hello, stranger.El nombre cambia mientras escribes, así que va en useState.
Para que el botón pueda vaciar el campo, el input tiene que leer su valor del estado (value), además de escribir en él (onChange).
El saludo no necesita su propio estado: se calcula a partir del nombre en cada renderizado.
value + onChange).La consola está vacía
Ejecuta tu código con Ctrl+S
Esta consola empieza de cero cada vez que se carga la vista previa. La consola de DevTools del navegador conserva los mensajes con Preserve log.