No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Esperando por funciones

11/15
Recursos

Aportes 5

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

si quieren solo el codigo de esta clase es el siguiente:

const puppeteer = require('puppeteer')

describe ('waiting for functions',()=>{

    it('show the waiting types', async ()=>{
        const browser = await puppeteer.launch({
            headless: false,
            defaultViewport: null,
            slowMo:300
        })
        const page = await browser.newPage()
        await page.goto('https://demoqa.com/modal-dialogs')

        //esperar por una funcion
        await page.click('#showSmallModal')
        await page.waitForFunction(()=> document.querySelector('#example-modal-sizes-title-sm').innerText ==='Small Modal')

        //Ejemplo para observar por un viewport
        // const observeResize = page.waitForFunction('window.innerWidth < 100')
        // await page.setViewport({width:50, height:50})        
        // await observeResize

        await page.click('#closeSmallModal')
        await page.waitForFunction(()=> !document.querySelector('#example-modal-sizes-title-sm'))

        await browser.close()
        
    },35000)
})

A mi no me funcionaba hacer esto para verificar que ya no estaba la ventana emergente, daba error que no podía leer el innerText

await page.waitForFunction(() => !document.querySelector('#example-modal-sizes-title-sm').innerText === 'Small Modal')

Los que hice fue modificar el selector para corroborar que no estuviera el botón de close y fue más fácil.

await page.waitForFunction(() => !document.querySelector('#closeSmallModal'))
Tambíen no me dio lo del viewport, la anterior clase y esta no funciona con claridad.
Para validar que el elemento no aparezca, si no les funciona con un solo signo de admiración (!), inténtenlo con dos (!!) para forzarlo.Para validar que el elemento no aparezca, si no les funciona con un solo signo de admiración (!), inténtenlo con dos (!!) para forzarlo.```js await page.waitForFunction(()=> !!document.querySelector('#example-modal-sizes-title-sm')) ```
Para validar que el elemento no aparezca, si no les funciona con un solo signo de admiración (!), inténtenlo con dos (!!) para forzarlo. ```js await page.waitForFunction(()=> !!document.querySelector('#example-modal-sizes-title-sm')) ```await page.waitForFunction(()=> !!document.querySelector('#example-modal-sizes-title-sm'))