Puppeteer Demo update for new page structure

scrape.js

// This is an update to the script on the Puppeteer at https://pptr.dev/#example which is relying on an old page structure

import puppeteer from 'puppeteer';

export const runScrape = async (res) => {
  // Launch the browser and open a new blank page
  const browser = await puppeteer.launch({headless: true});
  const page = await browser.newPage();

  // Navigate the page to a URL
  await page.goto('https://developer.chrome.com/');

  // Set screen size
  await page.setViewport({width: 1080, height: 1024});

  // Type into search box
  await page.type('.devsite-search-field', 'automate beyond recorder');
  await page.keyboard.press('Enter');

  // Wait and click on first result
  const searchResultSelector = 'a.gs-title';
  await page.waitForSelector(searchResultSelector);
  await page.click(searchResultSelector);

  // Locate the title text
  const textSelector = await page.waitForSelector(
    'text/Customize and automate'
  );
  const fullTitle = await textSelector?.evaluate(el => el.textContent);

  // Print the full title
  const message = `The title of this blog post is "${fullTitle}".`
  console.log(message);
  res.send(message);

  await browser.close();
}