test(nuxt): Use sentry.server.config.ts in E2E tests

dev-packages/e2e-tests/test-applications/nuxt-3/copyIITM.mjs

@@ -0,0 +1,52 @@
+import fs from 'fs';
+import path from 'path';
+
+/*  This script copies the `import-in-the-middle` content of the E2E test project root `node_modules` to the build output `node_modules`
+    For some reason, some files are missing in the output (like `hook.mjs`) and this is not reproducible in external, standalone projects.
+
+    Things we tried (that did not fix the problem):
+    - Adding a resolution for `@vercel/nft` v0.27.0 (this worked in the standalone project)
+    - Also adding `@vercel/nft` v0.27.0 to pnpm `peerDependencyRules`
+ */
+function copyFolderSync(src, dest) {
+  if (!fs.existsSync(dest)) {
+    fs.mkdirSync(dest, { recursive: true });
+  }
+
+  const entries = fs.readdirSync(src, { withFileTypes: true });
+
+  for (let entry of entries) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+
+    if (entry.isDirectory()) {
+      copyFolderSync(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+function getSourceFolder() {
+  const specificVersionFolder = `node_modules${path.sep}.pnpm${path.sep}[email protected]${path.sep}node_modules${path.sep}import-in-the-middle`;
+
+  if (fs.existsSync(specificVersionFolder)) {
+    return specificVersionFolder;
+  }
+
+  const parentFolder = `node_modules${path.sep}.pnpm`;
+  const folders = fs.readdirSync(parentFolder, { withFileTypes: true });
+
+  for (let folder of folders) {
+    if (folder.isDirectory() && folder.name.startsWith('import-in-the-middle@')) {
+      return path.join(parentFolder, folder.name, 'node_modules', 'import-in-the-middle');
+    }
+  }
+
+  throw new Error('No suitable import-in-the-middle folder found');
+}
+
+const sourceFolder = getSourceFolder();
+const destinationFolder = `.output${path.sep}server${path.sep}node_modules${path.sep}import-in-the-middle`;
+
+copyFolderSync(sourceFolder, destinationFolder);

dev-packages/e2e-tests/test-applications/nuxt-3/nuxt.config.ts

@@ -11,4 +11,10 @@ export default defineNuxtConfig({
       },
     },
   },
+  nitro: {
+    rollupConfig: {
+      // @sentry/... is set external to prevent bundling all of Sentry into the `runtime.mjs` file in the build output
+      external: [/@sentry\/.*/],
+    },
+  },
 });

dev-packages/e2e-tests/test-applications/nuxt-3/package.json

@@ -3,10 +3,11 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "nuxt build",
+    "build": "nuxt build && node ./copyIITM.mjs",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
-    "preview": "NODE_OPTIONS='--import ./public/instrument.server.mjs' nuxt preview",
+    "preview": "nuxt preview",
+    "start": "node --import ./.output/server/sentry.server.config.mjs .output/server/index.mjs",
     "clean": "npx nuxi cleanup",
     "test": "playwright test",
     "test:build": "pnpm install && npx playwright install && pnpm build",
@@ -20,5 +21,8 @@
     "@nuxt/test-utils": "^3.14.1",
     "@playwright/test": "^1.44.1",
     "@sentry-internal/test-utils": "link:../../../test-utils"
+  },
+  "overrides": {
+    "@vercel/nft": "0.27.4"
   }
 }

dev-packages/e2e-tests/test-applications/nuxt-3/playwright.config.ts

@@ -12,7 +12,7 @@ const nuxtConfigOptions: ConfigOptions = {
  *  Like this: import { expect, test } from '@nuxt/test-utils/playwright' */
 
 const config = getPlaywrightConfig({
-  startCommand: `pnpm preview`,
+  startCommand: `pnpm start`,
   use: { ...nuxtConfigOptions },
 });
 

dev-packages/e2e-tests/test-applications/nuxt-4/copyIITM.mjs

@@ -0,0 +1,52 @@
+import fs from 'fs';
+import path from 'path';
+
+/*  This script copies the `import-in-the-middle` content of the E2E test project root `node_modules` to the build output `node_modules`
+    For some reason, some files are missing in the output (like `hook.mjs`) and this is not reproducible in external, standalone projects.
+
+    Things we tried (that did not fix the problem):
+    - Adding a resolution for `@vercel/nft` v0.27.0 (this worked in the standalone project)
+    - Also adding `@vercel/nft` v0.27.0 to pnpm `peerDependencyRules`
+ */
+function copyFolderSync(src, dest) {
+  if (!fs.existsSync(dest)) {
+    fs.mkdirSync(dest, { recursive: true });
+  }
+
+  const entries = fs.readdirSync(src, { withFileTypes: true });
+
+  for (let entry of entries) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+
+    if (entry.isDirectory()) {
+      copyFolderSync(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+function getSourceFolder() {
+  const specificVersionFolder = `node_modules${path.sep}.pnpm${path.sep}[email protected]${path.sep}node_modules${path.sep}import-in-the-middle`;
+
+  if (fs.existsSync(specificVersionFolder)) {
+    return specificVersionFolder;
+  }
+
+  const parentFolder = `node_modules${path.sep}.pnpm`;
+  const folders = fs.readdirSync(parentFolder, { withFileTypes: true });
+
+  for (let folder of folders) {
+    if (folder.isDirectory() && folder.name.startsWith('import-in-the-middle@')) {
+      return path.join(parentFolder, folder.name, 'node_modules', 'import-in-the-middle');
+    }
+  }
+
+  throw new Error('No suitable import-in-the-middle folder found');
+}
+
+const sourceFolder = getSourceFolder();
+const destinationFolder = `.output${path.sep}server${path.sep}node_modules${path.sep}import-in-the-middle`;
+
+copyFolderSync(sourceFolder, destinationFolder);

dev-packages/e2e-tests/test-applications/nuxt-4/nuxt.config.ts

@@ -13,4 +13,10 @@ export default defineNuxtConfig({
       },
     },
   },
+  nitro: {
+    rollupConfig: {
+      // @sentry/... is set external to prevent bundling all of Sentry into the `runtime.mjs` file in the build output
+      external: [/@sentry\/.*/],
+    },
+  },
 });

dev-packages/e2e-tests/test-applications/nuxt-4/package.json

@@ -3,10 +3,11 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "nuxt build",
+    "build": "nuxt build && node ./copyIITM.mjs",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
-    "preview": "NODE_OPTIONS='--import ./public/instrument.server.mjs' nuxt preview",
+    "preview": "nuxt preview",
+    "start": "node --import ./.output/server/sentry.server.config.mjs .output/server/index.mjs",
     "clean": "npx nuxi cleanup",
     "test": "playwright test",
     "test:build": "pnpm install && npx playwright install && pnpm build",
@@ -20,5 +21,8 @@
     "@nuxt/test-utils": "^3.14.2",
     "@playwright/test": "^1.44.1",
     "@sentry-internal/test-utils": "link:../../../test-utils"
+  },
+  "overrides": {
+    "@vercel/nft": "0.27.4"
   }
 }

dev-packages/e2e-tests/test-applications/nuxt-4/playwright.config.ts

@@ -12,7 +12,7 @@ const nuxtConfigOptions: ConfigOptions = {
  *  Like this: import { expect, test } from '@nuxt/test-utils/playwright' */
 
 const config = getPlaywrightConfig({
-  startCommand: `pnpm preview`,
+  startCommand: `pnpm start`,
   use: { ...nuxtConfigOptions },
 });
 

dev-packages/e2e-tests/test-applications/nuxt-4/tests/errors.client.test.ts

@@ -1,4 +1,4 @@
-import { expect, test } from '@nuxt/test-utils/playwright';
+import { expect, test } from '@playwright/test';
 import { waitForError } from '@sentry-internal/test-utils';
 
 test.describe('client-side errors', async () => {

dev-packages/e2e-tests/test-applications/nuxt-4/tests/tracing.client.test.ts

@@ -1,4 +1,4 @@
-import { expect, test } from '@nuxt/test-utils/playwright';
+import { expect, test } from '@playwright/test';
 import { waitForTransaction } from '@sentry-internal/test-utils';
 import type { Span } from '@sentry/nuxt';