test(nextjs): Fix Next.js canary tests

Author: Luca Forstner

dev-packages/e2e-tests/test-applications/nextjs-14/app/propagation/test-outgoing-fetch-external-disallowed/route.ts

@@ -3,8 +3,8 @@ import { NextResponse } from 'next/server';
 export const dynamic = 'force-dynamic';
 
 export async function GET() {
-  const data = await fetch(`http://localhost:3030/propagation/test-outgoing-fetch-external-disallowed/check`).then(
-    res => res.json(),
-  );
+  const data = await fetch(`http://localhost:3030/propagation/test-outgoing-fetch-external-disallowed/check`, {
+    cache: 'no-store',
+  }).then(res => res.json());
   return NextResponse.json(data);
 }

dev-packages/e2e-tests/test-applications/nextjs-14/app/propagation/test-outgoing-fetch/route.ts

@@ -3,6 +3,8 @@ import { NextResponse } from 'next/server';
 export const dynamic = 'force-dynamic';
 
 export async function GET() {
-  const data = await fetch(`http://localhost:3030/propagation/test-outgoing-fetch/check`).then(res => res.json());
+  const data = await fetch(`http://localhost:3030/propagation/test-outgoing-fetch/check`, { cache: 'no-store' }).then(
+    res => res.json(),
+  );
   return NextResponse.json(data);
 }

dev-packages/e2e-tests/test-applications/nextjs-app-dir/tests/client-errors.test.ts

@@ -1,7 +1,12 @@
 import { expect, test } from '@playwright/test';
 import { waitForError } from '@sentry-internal/test-utils';
 
+const packageJson = require('../package.json');
+
 test('Sends a client-side exception to Sentry', async ({ page }) => {
+  const nextjsVersion = packageJson.dependencies.next;
+  const nextjsMajor = Number(nextjsVersion.split('.')[0]);
+
   await page.goto('/');
 
   const errorEventPromise = waitForError('nextjs-app-dir', errorEvent => {
@@ -23,6 +28,8 @@ test('Sends a client-side exception to Sentry', async ({ page }) => {
   expect(errorEvent.transaction).toEqual('/');
 
   expect(errorEvent.contexts?.trace).toEqual({
+    // Next.js >= 15 propagates a trace ID to the client via a meta tag.
+    parent_span_id: nextjsMajor >= 15 ? expect.any(String) : undefined,
     trace_id: expect.any(String),
     span_id: expect.any(String),
   });

dev-packages/e2e-tests/test-applications/nextjs-app-dir/tests/transactions.test.ts

@@ -4,6 +4,9 @@ import { waitForTransaction } from '@sentry-internal/test-utils';
 const packageJson = require('../package.json');
 
 test('Sends a pageload transaction', async ({ page }) => {
+  const nextjsVersion = packageJson.dependencies.next;
+  const nextjsMajor = Number(nextjsVersion.split('.')[0]);
+
   const pageloadTransactionEventPromise = waitForTransaction('nextjs-app-dir', transactionEvent => {
     return transactionEvent?.contexts?.trace?.op === 'pageload' && transactionEvent?.transaction === '/';
   });
@@ -23,6 +26,8 @@ test('Sends a pageload transaction', async ({ page }) => {
           version: expect.any(String),
         },
         trace: {
+          // Next.js >= 15 propagates a trace ID to the client via a meta tag.
+          parent_span_id: nextjsMajor >= 15 ? expect.any(String) : undefined,
           span_id: expect.any(String),
           trace_id: expect.any(String),
           op: 'pageload',