No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Esperando por funciones

11/15
Recursos

Aportes 4

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'))
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'))