Estoy tratando de seleccionar y editar la primera entrada de texto del tercer div con la clase "nxcard"

esta es la estructura de la pagina:

 <div> <div class="nxcard"> <h3>Lorem ipsum dolor sit amet.</h3> <form> <input type="number" /> <input type="text" /> </form> </div> <div class="nxcard"> <h3>Lorem ipsum dolor sit amet.</h3> <form> <input type="number" /> <input type="text" /> </form> </div> <div class="nxcard"> <h3>Lorem ipsum dolor sit amet.</h3> <form> <input type="number" /> <!-- the input I want to select using pupeteer : --> <input type="text" /> </form> </div> </div>

este es el código original (cómo lo hubiera hecho sin titiritero)

 const loginCard = document.getElementsByClassName("nxCard")[2]; const loginForm = loginCard.getElementsByTagName("form")[0]; const loginUserName = loginForm.getElementsByTagName("input")[1]; loginUserName.value = "user1";

y así es como he intentado hacer lo mismo usando titiritero

 await page.type(".nxcard[2] form input[1]", "user1");