Puppeteer: how to file a form?

Question

Using puppeteer , how could you programmatically submit the form? So far, I could do this using page.click('.input[type="submit"]')if the form actually includes an input file. But for forms that do not include input, focusing on the form's text input element and using page.press('Enter')does not seem to result in the form being submitted:

const puppeteer = require('puppeteer');

(async() => {

    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://stackoverflow.com/', {waitUntil: 'load'});
    console.log(page.url());

    // Type our query into the search bar
    await page.focus('.js-search-field');
    await page.type('puppeteer');

    // Submit form
    await page.press('Enter');

    // Wait for search results page to load
    await page.waitForNavigation({waitUntil: 'load'});


    console.log('FOUND!', page.url());

    // Extract the results from the page
    const links = await page.evaluate(() => {
      const anchors = Array.from(document.querySelectorAll('.result-link a'));
      return anchors.map(anchor => anchor.textContent);
    });
    console.log(links.join('\n'));
    browser.close();

})();

Answer 1

try it

const form = await page.$('form-selector');
await form.evaluate(form => form.submit());

---

For v0.11.0 and laters:

await page.$eval('form-selector', form => form.submit());