Headless Browsers and Testing at Scale

The Ghost Inspector team got together for our annual company offsite in Austin, TX this year. We always plan our offsite around presenting at an industry-related event. This year we were thrilled to present to the Austin Automation Professionals Meetup on the topic of headless browsers and testing at scale. A big thank you to Handsome for hosting the meetup at their downtown Austin office!

You can find video of the full talk below, along with the associated slides. Below that, you’ll find the simple Puppeteer examples used in the presentation.

Presentation Video

Presentation Slides

Puppeteer Demo Code

const puppeteer = require('puppeteer-core')

const main = async () => {
  const browser = await puppeteer.launch({
    headless: false,
    slowMo: 250,
    defaultViewport: {
      width: 1024,
      height: 768,
    },
    executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
  })
  const page = await browser.newPage()
  await page.goto('https://www.google.com')
  await page.click('input[name="q"]')
  await page.type('input[name="q"]', 'hello')
  await page.screenshot({ path: 'traditional.png' })
  await browser.close()
  process.exit()
}

main()

Of course our team offsites aren’t all about work…

We also enjoy great meals and fun activities. Austin delighted us with its amazing BBQ and stellar Tex-Mex food. Breakfast tacos, FTW! We even spent an evening trying our hand at axe throwing. We’re happy to report that we all went home with our limbs in tact and at least one bullseye each!

We’re always happy to chat about headless browsers, testing at scale and automation in general so feel free to leave questions or comments below!