Estoy completando un formulario usando Puppeteer dentro de un proyecto de NodeJS. Todo funciona bien con las funciones regulares de tipo y clic. Al hacer clic en el botón "enviar", se realiza una solicitud POST que envía algunos datos del formulario al servidor. Me gustaría agregar una clave/valor antes de enviarlo. Aquí es donde estoy actualmente basado en lo que he encontrado en la documentación de StackOverflow, Github & Puppeteer. Estoy interceptando la solicitud, agregando mi clave/valor pasando una nueva instancia de un objeto FormData que tiene la nueva clave/valor adjunta.
await this.page.setRequestInterception(true); var FormData = require('form-data'); var form = new FormData(); this.page.once("request", interceptedRequest => { console.log("Request handler triggered"); form.append('newvalue', 'some new value'); interceptedRequest.method = "POST"; interceptedRequest.postData = form; interceptedRequest.continue(); }); await this.page.goto(urlWithForm, { waitUntil: "networkidle2" }); // Complete form... // Click submit await this.page.click('#submit');Mi primera preocupación es: ¿es esta la forma correcta de hacer esto? Me preocupa que cuando se haga clic en el botón #enviar al final, los datos del formulario se sobrescribirán con los datos del formulario "normal" que se envían cuando se hace clic en este botón. ¿Debería estar haciendo otra cosa? ¿Posiblemente con page.evaluate y ejecutando algún código en el navegador para establecer de alguna manera esta clave/valor al enviar?
La segunda es que actualmente la página se cuelga indefinidamente cuando se llama a this.page.goto. Estoy viendo en los registros "Controlador de solicitud activado", pero es como si el método .continue() no se llamara o no funcionara correctamente. Nada carga.
¡Realmente agradecería alguna orientación aquí!
El truco aquí fue primero cambiar el oyente para que sucediera en cada solicitud usando el método .on en lugar de .once.
Además, como mencionó ggorlen en un comentario, necesitaba realizar algunas comprobaciones en cada una de las solicitudes que estaba realizando la página y usar la URL (y otra propiedad de los datos del formulario) para verificar que de hecho era la solicitud que yo quería cambiar.
El siguiente código parece estar funcionando ahora.
await this.page.setRequestInterception(true); this.page.on("request", interceptedRequest => { const formDataObj = qs.parse(interceptedRequest.postData()); if (interceptedRequest.url() === theURLImInterestedIn && formDataObj.email) { formDataObj.newKey = newKeyValue; interceptedRequest.continue({ method: 'POST', postData: qs.stringify(formDataObj), headers: { ...interceptedRequest.headers() } }); } else { interceptedRequest.continue(); } });