el código que quiero poder ejecutar:

 const checkVisible = async (element: HTMLElement): Promise<boolean> => { const style = window.getComputedStyle(element) return style && style.visibility !== 'hidden' && hasVisibleBoundingBox() function hasVisibleBoundingBox(): boolean { const rect = element.getBoundingClientRect() return !!(rect.top || rect.bottom || rect.width || rect.height) } } ... await page.waitForFunction((el) => checkVisible(el), { timeout }, element1) ... await page.waitForFunction((el) => { // some more complex usage if (!checkVisible(el)) return false ... }, { timeout }, element2)

La función checkVisible creada en el nodo no se puede ejecutar en pageFunction, aunque está totalmente adaptada al entorno del navegador.

Si defino window.checkVisible con page.evaluate() lo antes posible. entonces es difícil hacer frente al desafío de la actualización/redireccionamiento frecuente y errático de la página.

 page.evaluate(() => { window.checkVisible = async (element: HTMLElement): Promise<boolean> => { const style = window.getComputedStyle(element) return style && style.visibility !== 'hidden' && hasVisibleBoundingBox() function hasVisibleBoundingBox(): boolean { const rect = element.getBoundingClientRect() return !!(rect.top || rect.bottom || rect.width || rect.height) } } })

Pero soy más reacio a escribir el código checkVisible() innumerables veces. ¿Hay alguna ayuda?