Script to save a DOM element as a PDF to disk while retaining the styles

elementToPDF.js

import path from "path";
import puppeteer from "puppeteer";

async function main() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto(
    "https://www.reddit.com/r/underlords/comments/mlb93c/6_4_2021_meta_builds_tier_list_by_dani/",
    { waitUntil: "networkidle0" }
  );
  const element = await page.$("#t3_mlb93c");
  await page.evaluate((el) => {
    document.body.innerHTML = `
      <div>
        ${el.outerHTML}
      </div>
    `;
  }, element);

  await page.pdf({
    path: path.join(process.cwd(), "underlordsTierList.pdf"),
    printBackground: true,
    format: "A4",
  });

  await browser.close();
}

await main();
process.exit(0);