e2e tests

lforst · lforst · commit a18e6ccb742e · 2025-03-19T14:38:44.000+01:00
diff --git a/dev-packages/e2e-tests/test-applications/nextjs-turbo/app/layout.tsx b/dev-packages/e2e-tests/test-applications/nextjs-turbo/app/layout.tsx
@@ -1,12 +1,7 @@
-import { HackComponentToRunSideEffectsInSentryClientConfig } from '../sentry.client.config';
-
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
-      <body>
-        <HackComponentToRunSideEffectsInSentryClientConfig />
-        {children}
-      </body>
+      <body>{children}</body>
     </html>
   );
 }
diff --git a/dev-packages/e2e-tests/test-applications/nextjs-turbo/app/pageload-transaction/page.tsx b/dev-packages/e2e-tests/test-applications/nextjs-turbo/app/pageload-transaction/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <p>Hello World!</p>;
+}
diff --git a/dev-packages/e2e-tests/test-applications/nextjs-turbo/instrumentation-client.ts b/dev-packages/e2e-tests/test-applications/nextjs-turbo/instrumentation-client.ts
@@ -0,0 +1,9 @@
+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:3031/`, // proxy server
+  tracesSampleRate: 1.0,
+  sendDefaultPii: true,
+});
diff --git a/dev-packages/e2e-tests/test-applications/nextjs-turbo/pages/_app.tsx b/dev-packages/e2e-tests/test-applications/nextjs-turbo/pages/_app.tsx
@@ -1,5 +1,4 @@
 import type { AppProps } from 'next/app';
-import '../sentry.client.config';
 
 export default function CustomApp({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />;
diff --git a/dev-packages/e2e-tests/test-applications/nextjs-turbo/sentry.client.config.ts b/dev-packages/e2e-tests/test-applications/nextjs-turbo/sentry.client.config.ts
diff --git a/dev-packages/e2e-tests/test-applications/nextjs-turbo/tests/app-router/pageload-transaction.test.ts b/dev-packages/e2e-tests/test-applications/nextjs-turbo/tests/app-router/pageload-transaction.test.ts
@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+import { waitForTransaction } from '@sentry-internal/test-utils';
+
+test('Should record pageload transactions (this test verifies that the client SDK is initialized)', async ({
+  page,
+}) => {
+  const pageloadTransactionPromise = waitForTransaction('nextjs-turbo', async transactionEvent => {
+    return transactionEvent?.transaction === '/pageload-transaction';
+  });
+
+  await page.goto(`/pageload-transaction`);
+
+  const pageloadTransaction = await pageloadTransactionPromise;
+
+  expect(pageloadTransaction).toBeDefined();
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function Page() {`
	`2`	`+ return <p>Hello World!</p>;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import type { AppProps } from 'next/app';`
`2`		`-import '../sentry.client.config';`
`3`	`2`
`4`	`3`	`export default function CustomApp({ Component, pageProps }: AppProps) {`
`5`	`4`	`return <Component {...pageProps} />;`