take cropped screenshot with playwright

screenshot_cropped.spec.ts

import { test, expect } from "@playwright/test";
import { writeFileSync } from "node:fs";
import sharp from "sharp";

test("take shots", async ({ page }) => {
  await page.goto("https://playwright.dev/");

  const imageBuffer = await page.screenshot();
  const base = sharp(imageBuffer)
    .extract({
      top: 10,
      left: 10,
      width: 100,
      height: 100,
    })
    .png();

  const file = await base.toFile("./cropped.png");

  const base64 =
    "data:image/png;base64," + (await base.toBuffer()).toString("base64");

  writeFileSync("./base64.json", JSON.stringify({ base64 }));
  console.log(base64);
});