custom_retry_layer.js

const puppeteer = require('puppeteer')

class Element {
  constructor(parent, css='body') {
    this._parent = parent
    this._css = css
    this._page = this._parent.constructor.name == 'Page' ? this._parent : this._parent._page
  }

  async goto(url) {
    return await this._page.goto(url)
  }

  async click() {
    return await (await this.find_element()).click()
  }

  async type(text) {
    return await (await this.find_element()).type(text)
  }

  async find_element() {
    const _context = this._page
    if (this._parent.constructor.name == 'Element')
      _context = await this._parent.find_element()
    await this._page.waitForSelector(this._css)
    return await _context.$(this._css)
  }
}

class Google extends Element {
  constructor(parent, css) {
    super(parent, css)
    this.search_field = new Element(this, 'input.gsfi')
    this.search_button = new Element(this, 'input[name="btnK"]')
    this.result = new Element(this, '.g .r > a')
  }

  async search(text) {
    await this.search_field.type(text)
    await this.search_button.click()
  }
}

async function main() {
  const browser = await puppeteer.launch({headless: false})
  google = new Google(await browser.newPage())

  await google.goto('https://www.google.com/')
  await google.search('hello')

  await browser.close()
}