Playwright

Use Playwright for browser automation and web scraping.

Steps

1. Ensure the project has a package.json (create if missing):

   bashCopy

   bun init -y
   

2. If the project already has dependencies, install them:

   bashCopy

   bun install
   

3. Install Playwright locally (per-project):

   bashCopy

   bun add -d playwright
   

4. Install the browsers and OS deps (recommended in this container):

   bashCopy

   bunx playwright install --with-deps
   # or just chromium if you want lighter installs
   bunx playwright install chromium --with-deps
   

5. Create a script (example):

   tsCopy

   import { chromium } from "playwright";
   
   const browser = await chromium.launch({ headless: true });
   const page = await browser.newPage();
   await page.goto("https://example.com", { waitUntil: "domcontentloaded" });
   const title = await page.title();
   console.log(title);
   await browser.close();
   

6. Run the script with Bun:

   bashCopy

   bun run scripts/playwright/example.ts
   

Tips

• For debugging, run with headless: false and add slowMo: 50.
• If Playwright complains about missing dependencies, re-run:
  bashCopy

  bunx playwright install --with-deps
  

• To keep browser binaries in the workspace, set:
  bashCopy

  export PLAYWRIGHT_BROWSERS_PATH=/workspace/.cache/ms-playwright