How to use updateButtons method in Puppeteer

How far does it run before you hit a problem? Does it get to the first '//some stuff' bit? Ive had some trouble in the past using 'networkidle2' and as of 1.0.0 it looks as though its been removed

I solved it by using this instead of submitting the form:

await page.click('#search-button'); 
await page.waitForNavigation(); 

You shouldn't use the await operator before page.on().

The Puppeteer page class extends Node.js's native EventEmitter, which means that whenever you call page.on(), you are setting up an event listener using Node.js's emitter.on().

This means that the functionality you include in page.on('response') will execute when the response event is fired.

You don't return values from an event handler. Instead, the functionality within the event handler is executed when the event occurs.

If you want to use the result of page.on() in a function, you can use the following method:

const example_function = value => {
  console.log(value);
};

page.on('response', resp => {
  var header = resp.headers();
  example_function(header['content-disposition']);
});

If you are attempting to fill out and submit a login form, you can use the following:

await page.goto('https://www.example.com/login');

await page.type('#username', 'username');
await page.type('#password', 'password');

await page.click('#submit');

await page.waitForNavigation();

console.log('New Page URL:', page.url());

If I understand correctly, these are XPath and selector equivalents (https://example.org/ happens to have a similar DOM structure):

'use strict';

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch();
    const [page] = await browser.pages();

    await page.goto('https://example.org/');

    const [elemByXPath] = await page.$x('//div[h1[contains(., "Example Domain")]]//a');

    const elemBySelector = await page.evaluateHandle(
      () => [...document.querySelectorAll('div')]
              .find(
                div => [...div.querySelectorAll('h1')]
                         .some(h1 => h1.innerText.includes('Example Domain'))
              )
              .querySelector('a')
    );

    console.log(elemByXPath.toString());
    console.log(elemBySelector.toString());

    await browser.close();
  } catch (err) {
    console.error(err);
  }
})();

DOM element might not be rendered at the time, when you trying to make a focus on it.

Try to use page.waitForSelector before the page.focus call:

await page.waitFor(1500);
await page.waitForSelector('#creditCardNumber');
await page.focus('#creditCardNumber');
await page.focus('#creditCardNumber', '1234', {delay: 5});

To wait for a button (or input) to no longer be disabled, i.e. <button id="id" disabled> use :not([disabled]) in the selector string passed to waitForSelector.

Example:

page.waitForSelector('button#id:not([disabled])');

you can do that before screen

 await page.evaluate(() => {
    let dom = document.querySelector('#id');
    dom.innerHTML = "change to something"
 });

await page.$eval('#chat-message-text', (el, text) => el.value = text, TEXT);