.

Author: Luca Forstner

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

@@ -17,6 +17,11 @@
       "dependencyOverrides": {
         "next": "latest"
       }
+    },
+    {
+      "dependencyOverrides": {
+        "next": "canary"
+      }
     }
   ]
 }

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

@@ -8,7 +8,7 @@ test.describe('dev mode error symbolification', () => {
   }
 
   test('should have symbolicated dev errors', async ({ page }) => {
-    await page.goto('/client-component/parameter/42');
+    await page.goto('/');
 
     const errorEventPromise = waitForError('nextjs-13-app-dir', errorEvent => {
       return errorEvent?.exception?.values?.[0]?.value === 'Click Error';
@@ -21,15 +21,15 @@ test.describe('dev mode error symbolification', () => {
 
     expect(errorEventFrames?.[errorEventFrames?.length - 1]).toEqual(
       expect.objectContaining({
-        filename: 'app/client-component/page.tsx',
-        abs_path: 'webpack-internal:///(app-client)/./app/client-component/page.tsx',
+        filename: 'components/client-error-debug-tools.tsx',
+        abs_path: 'webpack-internal:///(app-client)/./components/client-error-debug-tools.tsx',
         function: 'onClick',
         in_app: true,
-        lineno: 10,
+        lineno: 32,
         colno: 16,
-        pre_context: ['         id="exception-button"', '         onClick={() => {'],
-        context_line: "           throw new Error('client-component-button-click-error');",
-        post_context: ['         }}', '       >', '         throw'],
+        post_context: ['         }}', '       >', '         Throw error'],
+        context_line: "           throw new Error('Click Error');",
+        pre_context: ['       <button', '         onClick={() => {'],
       }),
     );
   });

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

@@ -11,11 +11,10 @@ test('Sends a client-side exception to Sentry', async ({ page }) => {
   await page.goto('/');
 
   const errorEventPromise = waitForError('nextjs-13-app-dir', errorEvent => {
-    return errorEvent?.exception?.values?.[0]?.value === 'I am a click error!';
+    return errorEvent?.exception?.values?.[0]?.value === 'Click Error';
   });
 
-  const exceptionButton = page.locator('id=exception-button');
-  await exceptionButton.click();
+  await page.getByText('Throw error').click();
 
   const errorEvent = await errorEventPromise;
   const exceptionEventId = errorEvent.event_id;

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

@@ -52,11 +52,11 @@ if (process.env.TEST_ENV === 'production') {
     const serverComponentTransactionPromise = waitForTransaction('nextjs-13-app-dir', transactionEvent => {
       return (
         transactionEvent?.contexts?.trace?.op === 'function.nextjs' &&
-        transactionEvent?.transaction === 'Page Server Component (/user/[id])'
+        transactionEvent?.transaction === 'Page Server Component (/server-component/parameter/[...parameters])'
       );
     });
 
-    await page.goto('/user/4');
+    await page.goto('/server-component/parameter/1337/42');
 
     const transactionEvent = await serverComponentTransactionPromise;
     const transactionEventId = transactionEvent.event_id;