Home/ Questions/Q 885
Next
Answered
Kenil Vasani
Kenil Vasani

Kenil Vasani

View Profile
  • 2
Asked: 2020-12-19T21:59:04+00:00 In:

puppeteer: how to wait until an element is visible?

  • 2

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?

google-chrome-devtoolsjavascriptnode.jspuppeteer
Share

    1 Answer

    1. Kenil Vasani

      Kenil Vasani

      View Profile
      Best Answer

      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.

      • 0

    You must login to add an answer.