Feature request: Add 'clear' option to the .type() function

Function concerned : .type - api here

Basically, add a boolean clear into the options so we specify if we want to clear the field before typing.

page.type('#myinput', 'toto', {clear: true})

This would clear any existing input into #myinput then it would type toto.

[samfultonjr]

Made my own little function, pretty easy to use for those who are seeking this feature.

async function clear(page, selector) {
  await page.evaluate(selector => {
    document.querySelector(selector).value = "";
  }, selector);
}

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.type("input.search","hello");
  await clear(page,"input.search");

  await browser.close();
})();

OR you can add it to the page class to use page.clear(selector); like this,

clear = async function ( selector) {
  await this.evaluate(selector => {
    document.querySelector(selector).value = "";
  }, selector);
};


(async () => {
  const browser = await puppeteer.launch({headless:false});
  const page = await browser.newPage();
  page.clear = clear;
  await page.goto('https://www.w3schools.com/html/html_forms.asp');
  await page.type("input[value]","hello");
  await page.clear("input[value]");

  await browser.close();
})();

[hmmhmmhm]

@samfultonschool thanks! it’s very useful!