test(e2e): Add tests for Next.js edge routes

packages/e2e-tests/test-applications/nextjs-app-dir/pages/api/edge-endpoint.ts

@@ -1,3 +1,17 @@
-export const config = { runtime: 'edge' };
+export const config = {
+ runtime: 'edge',
+};
 
-export default () => new Response('Hello world!');
+export default async function handler() {
+ return new Response(
+ JSON.stringify({
+ name: 'Jim Halpert',
+ }),
+ {
+ status: 200,
+ headers: {
+ 'content-type': 'application/json',
+ },
+ },
+ );
+}

packages/e2e-tests/test-applications/nextjs-app-dir/pages/api/error-edge-endpoint.ts

@@ -0,0 +1,5 @@
+export const config = { runtime: 'edge' };
+
+export default () => {
+ throw new Error('Edge Route Error');
+};

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

@@ -0,0 +1,56 @@
+import { test, expect } from '@playwright/test';
+import { waitForTransaction, waitForError } from '../../../test-utils/event-proxy-server';
+
+test('Should create a transaction for edge routes', async ({ request }) => {
+ test.skip(process.env.TEST_ENV === 'development', "Doesn't work in dev mode.");
+
+ const edgerouteTransactionPromise = waitForTransaction('nextjs-13-app-dir', async transactionEvent => {
+ return (
+ transactionEvent?.transaction === 'GET /api/edge-endpoint' && transactionEvent?.contexts?.trace?.status === 'ok'
+ );
+ });
+
+ const response = await request.get('/api/edge-endpoint');
+ expect(await response.json()).toStrictEqual({ name: 'Jim Halpert' });
+
+ const edgerouteTransaction = await edgerouteTransactionPromise;
+
+ expect(edgerouteTransaction.contexts?.trace?.status).toBe('ok');
+ expect(edgerouteTransaction.contexts?.trace?.op).toBe('http.server');
+ expect(edgerouteTransaction.contexts?.runtime?.name).toBe('edge');
+});
+
+test('Should create a transaction with error status for faulty edge routes', async ({ request }) => {
+ test.skip(process.env.TEST_ENV === 'development', "Doesn't work in dev mode.");
+
+ const edgerouteTransactionPromise = waitForTransaction('nextjs-13-app-dir', async transactionEvent => {
+ return (
+ transactionEvent?.transaction === 'GET /api/error-edge-endpoint' &&
+ transactionEvent?.contexts?.trace?.status === 'internal_error'
+ );
+ });
+
+ request.get('/api/error-edge-endpoint').catch(() => {
+ // Noop
+ });
+
+ const edgerouteTransaction = await edgerouteTransactionPromise;
+
+ expect(edgerouteTransaction.contexts?.trace?.status).toBe('internal_error');
+ expect(edgerouteTransaction.contexts?.trace?.op).toBe('http.server');
+ expect(edgerouteTransaction.contexts?.runtime?.name).toBe('edge');
+});
+
+test('Should record exceptions for faulty edge routes', async ({ request }) => {
+ test.skip(process.env.TEST_ENV === 'development', "Doesn't work in dev mode.");
+
+ const errorEventPromise = waitForError('nextjs-13-app-dir', errorEvent => {
+ return errorEvent?.exception?.values?.[0]?.value === 'Edge Route Error';
+ });
+
+ request.get('/api/error-edge-endpoint').catch(() => {
+ // Noop
+ });
+
+ expect(await errorEventPromise).toBeDefined();
+});