chore(tests): add playwright for e2e testing

Author: solnic

.gitignore

@@ -17,3 +17,4 @@ test_integrations/phoenix_app/db
 
 test_integrations/*/_build
 test_integrations/*/deps
+test_integrations/*/test-results/

test_integrations/tracing/package-lock.json

@@ -0,0 +1,15 @@
+{
+  "name": "tracing-e2e-tests",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "test": "playwright test",
+    "test:debug": "playwright test --debug",
+    "test:ui": "playwright test --ui"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.48.0",
+    "@types/node": "^22.19.2",
+    "typescript": "^5.6.0"
+  }
+}

test_integrations/tracing/package.json

@@ -0,0 +1,54 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const PHOENIX_URL =
+  process.env.SENTRY_E2E_PHOENIX_APP_URL || "http://localhost:4000";
+const SVELTE_URL =
+  process.env.SENTRY_E2E_SVELTE_APP_URL || "http://localhost:4001";
+
+// When servers are started externally (e.g., in CI workflow steps), skip webServer config
+const serversRunningExternally = process.env.SENTRY_E2E_SERVERS_RUNNING === "true";
+
+export default defineConfig({
+  testDir: "./tests",
+  fullyParallel: false,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: 1,
+  reporter: "list",
+
+  use: {
+    baseURL: SVELTE_URL,
+    trace: "on-first-retry",
+    screenshot: "only-on-failure",
+  },
+
+  projects: [
+    {
+      name: "chromium",
+      use: {
+        ...devices["Desktop Chrome"],
+        headless: true,
+      },
+    },
+  ],
+
+  // Skip webServer when servers are managed externally (better CI debugging)
+  ...(serversRunningExternally
+    ? {}
+    : {
+        webServer: [
+          {
+            command:
+              'cd ../phoenix_app && rm -f tmp/sentry_debug_events.log && SENTRY_E2E_TEST_MODE=true mix phx.server',
+            url: `${PHOENIX_URL}/health`,
+            reuseExistingServer: true
+          },
+          {
+            command:
+              'cd svelte_mini && SENTRY_E2E_SVELTE_APP_PORT=4001 npm run dev',
+            url: `${SVELTE_URL}/health`,
+            reuseExistingServer: true
+          },
+        ],
+      }),
+});

test_integrations/tracing/playwright.config.ts

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "types": ["node"]
+  },
+  "include": ["tests/**/*.ts", "playwright.config.ts"]
+}