[解決済み] puppeteer: 要素が表示されるまで待つには？

質問

ある要素が表示されるまで待つようにpuppeteerに指示することができるか知りたいです。

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();

これを実現する方法はないのでしょうか？

どのように解決するのですか？

私はあなたが使用することができると思います page.waitForSelector(selector[, options]) 関数を使用することができます。

const puppeteer = require('puppeteer');

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

使用可能なオプションは githubのリンクを参照してください。