.

Author: Luca Forstner

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

@@ -1,7 +1,11 @@
 import { NextResponse } from 'next/server';
 import type { NextRequest } from 'next/server';
 
-export function middleware() {
+export function middleware(request: NextRequest) {
+  if (request.headers.has('x-should-throw')) {
+    throw new Error('Middleware Error');
+  }
+
   return NextResponse.next();
 }
 

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

@@ -0,0 +1,27 @@
+import { test, expect } from '@playwright/test';
+import { waitForTransaction, waitForError } from '../../../test-utils/event-proxy-server';
+
+test('Should create a transaction for middleware', async ({ request }) => {
+  const middlewareTransactionPromise = waitForTransaction('nextjs-13-app-dir', async transactionEvent => {
+    return transactionEvent?.transaction === 'middleware';
+  });
+
+  const response = await request.get('/api/endpoint-behind-middleware');
+  expect(await response.json()).toStrictEqual({ name: 'John Doe' });
+
+  const middlewareTransaction = await middlewareTransactionPromise;
+
+  expect(middlewareTransaction.contexts?.trace?.status).toBe('ok');
+  expect(middlewareTransaction.contexts?.trace?.op).toBe('middleware.nextjs');
+  expect(middlewareTransaction.contexts?.runtime?.name).toBe('edge');
+});
+
+test('Records exceptions happening in middleware', async ({ request }) => {
+  const errorEventPromise = waitForError('nextjs-13-app-dir', errorEvent => {
+    return errorEvent?.exception?.values?.[0]?.value === 'Middleware Error';
+  });
+
+  await request.get('/api/endpoint-behind-middleware', { headers: { 'x-should-throw': '1' } });
+
+  expect(await errorEventPromise).toBeDefined();
+});

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

@@ -112,18 +112,3 @@ if (process.env.TEST_ENV === 'production') {
     expect((await serverComponentTransactionPromise).contexts?.trace?.status).toBe('not_found');
   });
 }
-
-test('Should create a transaction for middleware', async ({ request }) => {
-  const middlewareTransactionPromise = waitForTransaction('nextjs-13-app-dir', async transactionEvent => {
-    return transactionEvent?.transaction === 'middleware';
-  });
-
-  const response = await request.get('/api/endpoint-behind-middleware');
-  expect(await response.json()).toStrictEqual({ name: 'John Doe' });
-
-  const middlewareTransaction = await middlewareTransactionPromise;
-
-  expect(middlewareTransaction.contexts?.trace?.status).toBe('ok');
-  expect(middlewareTransaction.contexts?.trace?.op).toBe('middleware.nextjs');
-  expect(middlewareTransaction.contexts?.runtime?.name).toBe('edge');
-});