clear() method overload

Author: alixaxel

source/puppeteer/lib/ElementHandle.ts

@@ -9,6 +9,10 @@ try {
   Super = require('puppeteer-core/lib/cjs/puppeteer/common/JSHandle').ElementHandle;
 }
 
+Super.prototype.clear = function () {
+  return this.click({ clickCount: 3 }).then(() => this.press('Backspace'));
+};
+
 Super.prototype.clickAndWaitForNavigation = function (options?: WaitForOptions) {
   options = options ?? {
     waitUntil: [

source/puppeteer/lib/FrameManager.ts

@@ -9,6 +9,10 @@ try {
   Super = require('puppeteer-core/lib/cjs/puppeteer/common/FrameManager').Frame;
 }
 
+Super.prototype.clear = function (selector: string) {
+  return this.$(selector).then((element) => element?.clear());
+};
+
 Super.prototype.clickAndWaitForNavigation = function (selector: string, options?: WaitForOptions) {
   options = options ?? {
     waitUntil: [

source/puppeteer/lib/Page.ts

@@ -15,6 +15,10 @@ Super.prototype.block = function (predicates: string[]) {
   });
 };
 
+Super.prototype.clear = function (selector: string) {
+  return this.mainFrame().clear(selector);
+};
+
 Super.prototype.clickAndWaitForNavigation = function (selector: string, options?: WaitForOptions) {
   return this.mainFrame().clickAndWaitForNavigation(selector, options);
 };

typings/chrome-aws-lambda.d.ts

@@ -39,6 +39,11 @@ declare module 'puppeteer-core' {
   }
 
   interface ElementHandle {
+    /**
+     * Selects all text in a editable element and clears it.
+     */
+    clear(): Promise<void>;
+
     /**
      * Clicks an element and waits for navigation to finish.
      *
@@ -140,6 +145,13 @@ declare module 'puppeteer-core' {
   }
 
   interface Frame {
+    /**
+     * Selects all text in a editable element and clears it.
+     *
+     * @param selector - Selector to query for.
+     */
+    clear(selector: string): Promise<void>;
+
     /**
      * Clicks an element and waits for navigation to finish.
      *
@@ -289,6 +301,13 @@ declare module 'puppeteer-core' {
      */
     block(patterns: string[]): Promise<void>;
 
+    /**
+     * Selects all text in a editable element and clears it.
+     *
+     * @param selector - Selector to query for.
+     */
+    clear(selector: string): Promise<void>;
+
     /**
      * Clicks an element and waits for navigation to finish.
      *