En este ejemplo, intento seleccionar la segunda entrada, cambiar el valor a algún texto y luego activar el evento de entrada. Mi problema principal aquí es seleccionar la entrada ya que no tiene una etiqueta ni una identificación
<ul> <form> <input value="" /> </form> <form> <input value="" /> </form> </ul>Si alguien puede ayudar con lo agradecería.
Sugeriría agregar un atributo de name a sus campos de entrada, ya que es algo que desea hacer de todos modos, independientemente de las pruebas. De esta forma se envían los valores correctos al enviar el formulario.
<ul> <form> <input value="" name="firstName" /> </form> <form> <input value="" name="lastName" /> </form> </ul>La prueba podría ser:
getByRole('textbox', {name: /lastName/i})
Nota al margen: tiene 2 elementos de formulario, si ambas entradas se relacionan con el mismo formulario, deberían existir en la misma etiqueta de formulario.
const inputs = document.getElementsByTagName('input'); console.log(inputs); // inputs[1] is second input Aquí hay inputs