setupPuppeteer() — vue Function Reference

Architecture documentation for the setupPuppeteer() function in e2eUtils.ts from the vue codebase.

Function typescript VueCore GlobalAPI calls 1

Entity Profile

VueCore→ GlobalAPI→ setupPuppeteer() — vue Function Reference

Dependency Diagram

graph TD
  29f97b51_38b6_0943_0c18_913d76c86b26["setupPuppeteer()"]
  89e1d5c3_816b_464a_8e3e_7496dffe6752["e2eUtils.ts"]
  29f97b51_38b6_0943_0c18_913d76c86b26 -->|defined in| 89e1d5c3_816b_464a_8e3e_7496dffe6752
  03082ddc_3379_729b_0562_ce0c13c42784["timeout()"]
  29f97b51_38b6_0943_0c18_913d76c86b26 -->|calls| 03082ddc_3379_729b_0562_ce0c13c42784
  style 29f97b51_38b6_0943_0c18_913d76c86b26 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

test/e2e/e2eUtils.ts lines 39–187

export function setupPuppeteer() {
  let browser: puppeteer.Browser
  let page: puppeteer.Page

  beforeAll(async () => {
    browser = await puppeteer.launch(puppeteerOptions)
  })

  beforeEach(async () => {
    page = await browser.newPage()

    await page.evaluateOnNewDocument(() => {
      localStorage.clear()
    })

    page.on('console', e => {
      if (e.type() === 'error') {
        const err = e.args()[0]
        console.error(
          `Error from Puppeteer-loaded page:\n`,
          err._remoteObject.description
        )
      }
    })
  })

  afterEach(async () => {
    await page.close()
  })

  afterAll(async () => {
    await browser.close()
  })

  async function click(selector: string, options?: puppeteer.ClickOptions) {
    await page.click(selector, options)
  }

  async function count(selector: string) {
    return (await page.$$(selector)).length
  }

  async function text(selector: string) {
    return await page.$eval(selector, node => node.textContent)
  }

  async function value(selector: string) {
    return await page.$eval(selector, node => (node as HTMLInputElement).value)
  }

  async function html(selector: string) {
    return await page.$eval(selector, node => node.innerHTML)
  }

  async function classList(selector: string) {
    return await page.$eval(selector, (node: any) => [...node.classList])
  }

  async function childrenCount(selector: string) {
    return await page.$eval(selector, (node: any) => node.children.length)
  }

  async function isVisible(selector: string) {
    const display = await page.$eval(selector, node => {
      return window.getComputedStyle(node).display
    })
    return display !== 'none'
  }

  async function isChecked(selector: string) {
    return await page.$eval(
      selector,
      node => (node as HTMLInputElement).checked
    )
  }

  async function isFocused(selector: string) {
    return await page.$eval(selector, node => node === document.activeElement)
  }

  async function setValue(selector: string, value: string) {