test

Author: Luca Forstner

dev-packages/e2e-tests/test-applications/nextjs-15/app/prefetching/page.tsx

@@ -0,0 +1,9 @@
+import Link from 'next/link';
+
+export default function Page() {
+  return (
+    <Link prefetch id="prefetch-link" href="/prefetching/to-be-prefetched">
+      link
+    </Link>
+  );
+}

dev-packages/e2e-tests/test-applications/nextjs-15/app/prefetching/to-be-prefetched/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <p>Hello</p>;
+}

dev-packages/e2e-tests/test-applications/nextjs-15/tests/prefetch-spans.test.ts

@@ -0,0 +1,19 @@
+import { expect, test } from '@playwright/test';
+import { waitForTransaction } from '@sentry-internal/test-utils';
+
+test('Prefetch client spans should have the right op', async ({ page }) => {
+  const pageloadTransactionPromise = waitForTransaction('nextjs-15', async transactionEvent => {
+    return transactionEvent?.transaction === '/prefetching';
+  });
+
+  await page.goto(`/prefetching`);
+
+  // Make it more likely that nextjs prefetches
+  await page.hover('#prefetch-link');
+
+  expect((await pageloadTransactionPromise).spans).toContainEqual(
+    expect.objectContaining({
+      op: 'http.client.prefetch',
+    }),
+  );
+});