feat: add playwright task

Author: MendyLanda

pnpm-lock.yaml

@@ -41,6 +41,7 @@
     "msw": "^2.2.1",
     "openai": "^4.47.0",
     "pg": "^8.11.5",
+    "playwright": "^1.50.1",
     "puppeteer": "^23.4.0",
     "react": "19.0.0-rc.0",
     "react-email": "^3.0.1",

references/v3-catalog/package.json

@@ -0,0 +1,47 @@
+import { logger, task } from "@trigger.dev/sdk/v3";
+import { chromium } from "playwright";
+
+/**
+ * Example task demonstrating Playwright browser automation with Trigger.dev
+ *
+ * To use other browsers (firefox, webkit):
+ * 1. Import them from playwright: `import { chromium, firefox, webkit } from "playwright";`
+ * 2. Add them to the browserType array: `for (const browserType of [chromium, firefox, webkit])`
+ * 3. Configure the playwright extension in your project:
+ *    ```
+ *    // In your build configuration
+ *    import { playwright } from "@trigger.dev/core/v3/build";
+ *
+ *    extensions: [
+ *      playwright({ browsers: ["chromium", "firefox", "webkit"] })
+ *    ]
+ *    ```
+ */
+export const playwrightTestTask = task({
+  id: "playwright-test",
+  retry: {
+    maxAttempts: 1,
+  },
+  run: async () => {
+    logger.log("Starting Playwright automation task");
+
+    for (const browserType of [chromium]) {
+      const prefix = (msg: string) => `[${browserType.name()}]: ${msg}`;
+
+      const browser = await browserType.launch();
+      logger.log(prefix("Browser launched"));
+
+      const page = await browser.newPage();
+      logger.log(prefix("New page created"));
+
+      await page.goto("https://google.com");
+      logger.log(prefix("Navigated to google.com"));
+
+      const screenshot = await page.screenshot({ path: "screenshot.png" });
+      logger.log(prefix("Screenshot taken"), { size: screenshot.byteLength });
+
+      await browser.close();
+      logger.log(prefix("Browser closed"));
+    }
+  },
+});

references/v3-catalog/src/trigger/playwrightTask.ts

@@ -5,6 +5,7 @@ import { esbuildPlugin } from "@trigger.dev/build";
 import { audioWaveform } from "@trigger.dev/build/extensions/audioWaveform";
 import { ffmpeg, syncEnvVars } from "@trigger.dev/build/extensions/core";
 import { puppeteer } from "@trigger.dev/build/extensions/puppeteer";
+import { playwright } from "@trigger.dev/build/extensions/playwright";
 import { prismaExtension } from "@trigger.dev/build/extensions/prisma";
 import { emitDecoratorMetadata } from "@trigger.dev/build/extensions/typescript";
 import { defineConfig } from "@trigger.dev/sdk/v3";
@@ -87,6 +88,7 @@ export default defineConfig({
         }));
       }),
       puppeteer(),
+      playwright(),
     ],
     external: ["re2"],
   },