add sveltekit-2 e2e test

Author: Lms24

dev-packages/e2e-tests/test-applications/sveltekit-2/src/routes/+page.svelte

@@ -26,4 +26,7 @@
   <li>
     <a id="redirectLink" href="/redirect1">Redirect</a>
   </li>
+  <li>
+    <a href="/server-load-fetch">Route with nested fetch in server load</a>
+  </li>
 </ul>

dev-packages/e2e-tests/test-applications/sveltekit-2/src/routes/server-load-fetch/+page.server.ts

@@ -0,0 +1,5 @@
+export const load = async ({ fetch }) => {
+  const res = await fetch('/api/users');
+  const data = await res.json();
+  return { data };
+};

dev-packages/e2e-tests/test-applications/sveltekit-2/src/routes/server-load-fetch/+page.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  export let data;
+</script>
+
+<main>
+  <h1>Server Load Fetch</h1>
+  <p>{JSON.stringify(data, null, 2)}</p>
+</main>

dev-packages/e2e-tests/test-applications/sveltekit-2/test/performance.server.test.ts

@@ -0,0 +1,34 @@
+import { expect, test } from '@playwright/test';
+import { waitForTransaction } from '../event-proxy-server';
+
+test('server pageload request span has nested request span for sub request', async ({ page }) => {
+  const serverTxnEventPromise = waitForTransaction('sveltekit', txnEvent => {
+    console.log('txnEvent', txnEvent);
+    return txnEvent?.transaction === 'GET /server-load-fetch';
+  });
+
+  await page.goto('/server-load-fetch');
+
+  const serverTxnEvent = await serverTxnEventPromise;
+  const spans = serverTxnEvent.spans;
+
+  expect(serverTxnEvent).toMatchObject({
+    transaction: 'GET /server-load-fetch',
+    tags: { runtime: 'node' },
+    transaction_info: { source: 'route' },
+    type: 'transaction',
+    contexts: {
+      trace: {
+        op: 'http.server',
+        origin: 'auto.http.sveltekit',
+      },
+    },
+  });
+
+  expect(spans).toHaveLength(3);
+
+  expect(spans).toEqual(expect.arrayContaining([
+    expect.objectContaining({ op: 'http.server', description: 'GET /server-load-fetch' }),
+    expect.objectContaining({ op: 'http.server', description: 'GET /api/users' }),
+  ]))
+});

dev-packages/e2e-tests/test-applications/sveltekit/src/routes/+page.svelte

@@ -25,4 +25,5 @@
   </li>
   <li>
     <a href="/server-load-fetch">Route with nested fetch in server load</a>
+  </li>
 </ul>

dev-packages/e2e-tests/test-applications/sveltekit/test/performance.server.test.ts

@@ -1,7 +1,7 @@
 import { expect, test } from '@playwright/test';
 import { waitForTransaction } from '../event-proxy-server';
 
-test('server pageload request span has nested request span', async ({ page }) => {
+test('server pageload request span has nested request span for sub request', async ({ page }) => {
   const serverTxnEventPromise = waitForTransaction('sveltekit', txnEvent => {
     console.log('txnEvent', txnEvent);
     return txnEvent?.transaction === 'GET /server-load-fetch';