Esperar por los elementos

El metodo await page.waitForTimeout(3000) esta ahorita deprecado, la manera de hacerlo ahora es la siguiente:

await new Promise(r => setTimeout(r, 3000))

La r es un valor generico que en este case representa resolve, pero en este caso no sale ningun error si no lo “llenan” con alguna function

https://demoqa.com/modal-dialogs

Web usada por el profe

FYI,

El metodo waitForTimeout ha sido marcado como obsoleto a partir de la version 16.1.1.

En su lugar se recomienda ejecutar un setTimeout

Fuente:
https://github.com/puppeteer/puppeteer/pull/8793/files

Si quieres que no corran los demás test, agrega una x al describe de estos archivos:

xdescribe('...' , ( )  => {...})

A partir de este año, 2024, aparentemente hubo una actualización y page.waitForXPath ya no es una función válida. La documentación (https://pptr.dev/guides/page-interactions) provee los siguientes ejemplos de nuevo uso: const element = await page.waitForSelector('::-p-xpath(h2)') const node = await page.waitForSelector('xpath/h2');

Para evitar que cada vez que guardes cambios estos automáticamente se ejecuten puedes hacer lo siguiente: 1. Ingresa a settings.json, en este enlace te explica <https://www.alphr.com/vs-code-how-to-open-settings-json/> 2. Ya una vez estés en settings.json coloca ``` { "jest.runMode": "on-demand" } ``` 1. Y listo, ya no se ejecutarán automáticamente los cambios

Para los que no les funciona con await page.waitForTimeout deben remplazarlo por: **await new Promise(resolve => setTimeout(resolve, 5000));**

BUENAS NOCHES, SI ALGUIEN AVANZO EN ESTE MODULO PODRIA COMPARTIR LA SOLUCON AL CODIGO "WAITFORXPATH" DEBIDO A QUE ESTE FUE REEMPLAZO ESTE AÑO 2024 EN SU LENGUAJE DE PROGRAMACION DE PUPPETEER YO LO INTENTE PERO NO ME SALIO BIEN LO INTENTE DE MUCHAS FORMAS: La documentación (<https://pptr.dev/guides/page-interactions>) provee los siguientes ejemplos de nuevo uso: const element = await page.waitForSelector('::-p-xpath(h2)') const node = await page.waitForSelector('xpath/h2'); 

```js const puppeteer = require("puppeteer") describe("Tipos de espera",()=>{ it("Mostrar todos los diferentes tipos de espera", async()=>{ const browser = await puppeteer.launch({ headless:false, defaultViewport: null, }); const page = await browser.newPage(); await page.goto("https://platzi.com", {waitUntil: "networkidle2"}) //Espera explicita await new Promise((resolve) => setTimeout(resolve, 3000)); //Espera por un css selector //await page.waitForSelector("body > main > header > div > figure > svg") //Espera por un xpath //await page.waitForXPath("/html/body/main/header/div/figure/svg/g/path[1]"); await page.goto("https://demoqa.com/modal-dialogs", {waitUntil:"networkidle2"}); //await page.waitForSelector("#showSmallModal",{visible: true}); // con hidden es para cuando se oculte const button = await page.waitForSelector("#showSmallModal",{visible: true}); // Usar XPath para seleccionar el botón y asegurarse de que es visible //const button = await page.waitForXPath('//*[@id="showSmallModal"]',{visible: true}); await button.click() await browser.close(); }, 350000); }) ```const puppeteer = require("puppeteer") describe("Tipos de espera",()=>{     it("Mostrar todos los diferentes tipos de espera", async()=>{        const browser = await puppeteer.launch({            headless:false,            defaultViewport: null,         });         const page = await browser.newPage();        await page.goto("https://platzi.com", {waitUntil: "networkidle2"})         //Espera explicita         await new Promise((resolve) => setTimeout(resolve, 3000));         //Espera por un css selector         //await page.waitForSelector("body > main > header > div > figure > svg")         //Espera por un xpath         //await page.waitForXPath("/html/body/main/header/div/figure/svg/g/path\[1]");         await page.goto("https://demoqa.com/modal-dialogs", {waitUntil:"networkidle2"});         //await page.waitForSelector("#showSmallModal",{visible: true}); // con hidden es para cuando se oculte                const button = await page.waitForSelector("#showSmallModal",{visible: true});         // Usar XPath para seleccionar el botón y asegurarse de que es visible        //const button = await page.waitForXPath('//\*\[@id="showSmallModal"]',{visible: true});        await button.click()                await browser.close();    }, 350000);})