Use puppeteer to get coordinates of an element

puppeteer-demo1.js

const Puppeteer = require('puppeteer');

(async () => {
  const browser = await Puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');

  const header = await page.$('h1');
  const rect = await page.evaluate((header) => {
    const {top, left, bottom, right} = header.getBoundingClientRect();
    return {top, left, bottom, right};
  }, header);
  console.log(rect);

  await browser.close();
})();

I'm afraid this script is incorrect, as .getBoundingClientRect() returns 8 elements, and the first 4 are (left, top, width, height), check here.

I don't really remember creating this gist, but I think I was only interested in those 4 values. If you want all the values you can of course return the entire thing instead.