puppeteer: how to wait until an element is visible?

Question

I would like to know if I can tell puppeteer to wait until an element is displayed.

const inputValidate = await page.$('input[value=validate]'); await inputValidate.click()          // I want to do something like that  waitElemenentVisble('.btnNext ')  const btnNext = await page.$('.btnNext'); await btnNext.click(); 

Is there any way I can accomplish this?

Answer 1

I think you can use page.waitForSelector(selector[, options]) function for that purpose.

const puppeteer = require('puppeteer');  puppeteer.launch().then(async browser => {   const page = await browser.newPage();   page     .waitForSelector('#myId')     .then(() => console.log('got it'));     browser.close(); }); 

To check the options avaible, please see the github link.