Creando helpers de utilidad

Ejemplo de la función Click usando slector y xpath

click: async (page, selector, isCssSelector=true, opts={}) => {
        try {
            if(isCssSelector){
                await page.waitForSelector(selector)
                await page.click(selector, opts)
            }else{
                await page.waitForXPath(selector)
                const element = await page.$x(selector)
                await element[0].click(opts) 
            }      
        } catch (error) {
            throw new Error(`Error al dar click en el selector: ${selector}`)
        }
}

Les comparto dos funciones más

// función clic Derecho
    clickDerecho: async function(page,selector){
        try{
            await page.waitForSelector(selector)
            await page.click(selector,{button: 'right', delay:500}) // da clic derecho en el selector
        } catch(e){
            throw new Error(`Error al dar clic derecho en el selector: ${selector}`)
        }
    },
   // función cargar texto con XPath
    getTextXPath: async function(page,XPath){
        try{
            const textXPath = await page.waitForXPath(XPath)
            return await page.evaluate((name) => name.textContent, textXPath) // Entrega el texto del elemento
        } catch(e){
            throw new Error(`Error al obtener el texto en el XPathr: ${XPath}`)
        }
    }
 

nos enseña mucho

Aqui un helper que hice para los input tipo select

select: async function (page, selector, opts) {
        try {
            await page.waitForSelector(selector)
            return await page.select(selector, opts)
        } catch (error) {
            throw new Error(
                `Error al seleccionar la opcion con el selector ${selector}`
            )
        }
    },

me encanta esete curso