Page API Overview

const browser = await client.launch()
const page = await browser.newPage()

await page.goto('https://example.com')
await page.click('#button')

// User logs in on their device
await page.goto('https://example.com/login')
await page.waitForAuthentication(
  async (page) => {
    const url = await page.url()
    return url.includes('/dashboard')
  },
  { timeout: 120000 }
)

// Now automate authenticated actions
await page.click('#export-data')
await page.waitForSelector('.download-ready')

await page.goto('https://example.com/products')

const products = await page.evaluate(() => {
  return Array.from(document.querySelectorAll('.product')).map(el => ({
    name: el.querySelector('.name').textContent,
    price: el.querySelector('.price').textContent
  }))
})

console.log('Found products:', products)

const controller = await page.on('xhr', async (event) => {
  const req = event.data
  console.log('Request:', req.method, req.url)

  if (req.response) {
    console.log('Response:', req.response.status)
  }
})

await page.goto('https://example.com')

// Stop monitoring
await page.off(controller)

const browser = await client.launch()
const page = await browser.newPage()

await page.close()

await page.show()  // Bring to foreground
await page.hide()  // Send to background