fix next e2e test

Author: mydea

packages/e2e-tests/.gitignore

@@ -1,2 +1,3 @@
 .env
 tmp
+.tmp_build_output

packages/e2e-tests/test-applications/create-next-app/playwright.config.ts

@@ -7,7 +7,7 @@ if (!testEnv) {
   throw new Error('No test env defined');
 }
 
-const port = 9000;
+const port = 3030;
 
 /**
  * See https://playwright.dev/docs/test-configuration.

packages/e2e-tests/test-applications/nextjs-app-dir/assert-build.ts

@@ -1,16 +1,16 @@
 import * as fs from 'fs';
 import * as assert from 'assert/strict';
 
-const stdin = fs.readFileSync(0).toString();
+const buildOutput = fs.readFileSync('.tmp_build_output', 'utf-8');
 
 // Assert that all static components stay static and all dynamic components stay dynamic
 
-assert.match(stdin, /○ \/client-component/);
-assert.match(stdin, /● \/client-component\/parameter\/\[\.\.\.parameters\]/);
-assert.match(stdin, /● \/client-component\/parameter\/\[parameter\]/);
+assert.match(buildOutput, /○ \/client-component/);
+assert.match(buildOutput, /● \/client-component\/parameter\/\[\.\.\.parameters\]/);
+assert.match(buildOutput, /● \/client-component\/parameter\/\[parameter\]/);
 
-assert.match(stdin, /λ \/server-component/);
-assert.match(stdin, /λ \/server-component\/parameter\/\[\.\.\.parameters\]/);
-assert.match(stdin, /λ \/server-component\/parameter\/\[parameter\]/);
+assert.match(buildOutput, /λ \/server-component/);
+assert.match(buildOutput, /λ \/server-component\/parameter\/\[\.\.\.parameters\]/);
+assert.match(buildOutput, /λ \/server-component\/parameter\/\[parameter\]/);
 
 export {};

packages/e2e-tests/test-applications/nextjs-app-dir/package.json

@@ -6,7 +6,7 @@
     "build": "next build",
     "test:prod": "TEST_ENV=production playwright test",
     "test:dev": "TEST_ENV=development playwright test",
-    "test:build": "pnpm install && npx playwright install && pnpm build",
+    "test:build": "pnpm install && npx playwright install && pnpm build > .tmp_build_output",
     "test:test-build": "pnpm ts-node --script-mode assert-build.ts",
     "test:build-canary": "pnpm install && pnpm add next@canary && npx playwright install && pnpm build",
     "test:build-latest": "pnpm install && pnpm add next@latest && npx playwright install && pnpm build",

packages/e2e-tests/test-applications/nextjs-app-dir/playwright.config.ts

@@ -7,8 +7,8 @@ if (!testEnv) {
   throw new Error('No test env defined');
 }
 
-const nextPort = 9000;
-const eventProxyPort = 9001;
+const nextPort = 3030;
+const eventProxyPort = 3031;
 
 /**
  * See https://playwright.dev/docs/test-configuration.

packages/e2e-tests/test-applications/nextjs-app-dir/sentry.client.config.ts

@@ -3,10 +3,6 @@ import * as Sentry from '@sentry/nextjs';
 Sentry.init({
   environment: 'qa', // dynamic sampling bias to keep transactions
   dsn: process.env.NEXT_PUBLIC_E2E_TEST_DSN,
-  tunnel: `http://localhost:${
-    Number(process.env.NEXT_PUBLIC_BASE_PORT) +
-    Number(process.env.NEXT_PUBLIC_PORT_MODULO) +
-    Number(process.env.NEXT_PUBLIC_PORT_GAP)
-  }/`, // proxy server
+  tunnel: `http://localhost:3031/`, // proxy server
   tracesSampleRate: 1.0,
 });

packages/e2e-tests/test-applications/nextjs-app-dir/sentry.edge.config.ts

@@ -3,10 +3,6 @@ import * as Sentry from '@sentry/nextjs';
 Sentry.init({
   environment: 'qa', // dynamic sampling bias to keep transactions
   dsn: process.env.NEXT_PUBLIC_E2E_TEST_DSN,
-  tunnel: `http://localhost:${
-    Number(process.env.NEXT_PUBLIC_BASE_PORT) +
-    Number(process.env.NEXT_PUBLIC_PORT_MODULO) +
-    Number(process.env.NEXT_PUBLIC_PORT_GAP)
-  }/`, // proxy server
+  tunnel: `http://localhost:3031/`, // proxy server
   tracesSampleRate: 1.0,
 });

packages/e2e-tests/test-applications/nextjs-app-dir/sentry.server.config.ts

@@ -3,10 +3,6 @@ import * as Sentry from '@sentry/nextjs';
 Sentry.init({
   environment: 'qa', // dynamic sampling bias to keep transactions
   dsn: process.env.NEXT_PUBLIC_E2E_TEST_DSN,
-  tunnel: `http://localhost:${
-    Number(process.env.NEXT_PUBLIC_BASE_PORT) +
-    Number(process.env.NEXT_PUBLIC_PORT_MODULO) +
-    Number(process.env.NEXT_PUBLIC_PORT_GAP)
-  }/`, // proxy server
+  tunnel: `http://localhost:3031/`, // proxy server
   tracesSampleRate: 1.0,
 });

packages/e2e-tests/test-applications/nextjs-app-dir/start-event-proxy.ts

@@ -1,6 +1,6 @@
 import { startEventProxyServer } from '../../test-utils/event-proxy-server';
 
 startEventProxyServer({
-  port: 9001,
+  port: 3031,
   proxyServerName: 'nextjs-13-app-dir',
 });

packages/e2e-tests/test-applications/nextjs-app-dir/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -17,10 +21,19 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "incremental": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "next.config.js", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "next.config.js",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ],
   "ts-node": {
     "compilerOptions": {
       "module": "CommonJS"

packages/e2e-tests/test-applications/node-express-app/playwright.config.ts

@@ -58,7 +58,7 @@ const config: PlaywrightTestConfig = {
   /* Run your local dev server before starting the tests */
   webServer: {
     command: 'pnpm start',
-    port: 9000,
+    port: 3030,
   },
 };
 

packages/e2e-tests/test-applications/node-express-app/src/app.ts

@@ -18,7 +18,7 @@ Sentry.init({
 });
 
 const app = express();
-const port = 9000;
+const port = 3030;
 
 app.use(Sentry.Handlers.requestHandler());
 app.use(Sentry.Handlers.tracingHandler());

packages/e2e-tests/test-applications/react-create-hash-router/playwright.config.ts

@@ -60,9 +60,9 @@ const config: PlaywrightTestConfig = {
   /* Run your local dev server before starting the tests */
   webServer: {
     command: 'pnpm start',
-    port: 9000,
+    port: 3030,
     env: {
-      PORT: '9000',
+      PORT: '3030',
     },
   },
 };

packages/e2e-tests/test-applications/standard-frontend-react-tracing-import/playwright.config.ts

@@ -60,9 +60,9 @@ const config: PlaywrightTestConfig = {
   /* Run your local dev server before starting the tests */
   webServer: {
     command: 'pnpm start',
-    port: 9000,
+    port: 3030,
     env: {
-      PORT: '9000',
+      PORT: '3030',
     },
   },
 };

packages/e2e-tests/test-applications/standard-frontend-react/playwright.config.ts

@@ -60,9 +60,9 @@ const config: PlaywrightTestConfig = {
   /* Run your local dev server before starting the tests */
   webServer: {
     command: 'pnpm start',
-    port: 9000,
+    port: 3030,
     env: {
-      PORT: '9000',
+      PORT: '3030',
     },
   },
 };

packages/e2e-tests/test-applications/sveltekit/playwright.config.ts

@@ -7,7 +7,7 @@ if (!testEnv) {
   throw new Error('No test env defined');
 }
 
-const port = 9000;
+const port = 3030;
 
 /**
  * See https://playwright.dev/docs/test-configuration.
@@ -56,7 +56,7 @@ const config: PlaywrightTestConfig = {
   webServer: [
     {
       command: 'pnpm ts-node --esm start-event-proxy.ts',
-      port: 9001,
+      port: 3031,
     },
     {
       command:

packages/e2e-tests/test-applications/sveltekit/src/hooks.client.ts

@@ -5,7 +5,7 @@ Sentry.init({
   environment: 'qa', // dynamic sampling bias to keep transactions
   dsn: env.PUBLIC_E2E_TEST_DSN,
   debug: true,
-  tunnel: `http://localhost:9001/`, // proxy server
+  tunnel: `http://localhost:3031/`, // proxy server
   tracesSampleRate: 1.0,
 });
 

packages/e2e-tests/test-applications/sveltekit/src/hooks.server.ts

@@ -5,7 +5,7 @@ Sentry.init({
   environment: 'qa', // dynamic sampling bias to keep transactions
   dsn: env.E2E_TEST_DSN,
   debug: true,
-  tunnel: `http://localhost:9001/`, // proxy server
+  tunnel: `http://localhost:3031/`, // proxy server
   tracesSampleRate: 1.0,
 });
 

packages/e2e-tests/test-applications/sveltekit/start-event-proxy.ts

@@ -1,6 +1,6 @@
 import { startEventProxyServer } from './event-proxy-server';
 
 startEventProxyServer({
-  port: 9001,
+  port: 3031,
   proxyServerName: 'sveltekit',
 });