test: Add API routes e2e test for loaders

47ng · Dec 26, 2024 · d4c52d2 · d4c52d2
1 parent 69056d9
commit d4c52d2
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 1 deletion.
diff --git a/packages/e2e/next/cypress/e2e/shared/loader.cy.ts b/packages/e2e/next/cypress/e2e/shared/loader.cy.ts
@@ -1,5 +1,13 @@
 import { testLoader } from 'e2e-shared/specs/loader.cy'
 
+// In page components:
+
 testLoader({ path: '/app/loader', nextJsRouter: 'app' })
 
 testLoader({ path: '/pages/loader', nextJsRouter: 'pages' })
+
+// In API routes:
+
+testLoader({ path: '/api/app/loader', nextJsRouter: 'app' })
+
+testLoader({ path: '/api/pages/loader', nextJsRouter: 'pages' })
diff --git a/packages/e2e/next/src/app/api/app/loader/route.ts b/packages/e2e/next/src/app/api/app/loader/route.ts
@@ -0,0 +1,21 @@
+import { loadSearchParams } from 'e2e-shared/specs/loader'
+import { NextResponse } from 'next/server'
+
+export async function GET(request: Request) {
+  const { test, int } = loadSearchParams(request)
+  return new NextResponse(
+    `<!doctype html>
+<html>
+<body>
+    <div id="hydration-marker" style="display:none;" aria-hidden>hydrated</div>
+    <pre id="test">${test}</pre>
+    <pre id="int">${int}</pre>
+</body>
+</html>`,
+    {
+      headers: {
+        'content-type': 'text/html'
+      }
+    }
+  )
+}
diff --git a/packages/e2e/next/src/pages/api/pages/loader.ts b/packages/e2e/next/src/pages/api/pages/loader.ts
@@ -0,0 +1,22 @@
+import { loadSearchParams } from 'e2e-shared/specs/loader'
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+export default function handler(
+  request: NextApiRequest,
+  response: NextApiResponse
+) {
+  const { test, int } = loadSearchParams(request.query)
+  response
+    .status(200)
+    .setHeader('content-type', 'text/html')
+    .send(
+      `<!doctype html>
+<html>
+<body>
+    <div id="hydration-marker" style="display:none;" aria-hidden>hydrated</div>
+    <pre id="test">${test}</pre>
+    <pre id="int">${int}</pre>
+</body>
+</html>`
+    )
+}
diff --git a/packages/e2e/next/src/pages/pages/loader.tsx b/packages/e2e/next/src/pages/pages/loader.tsx
@@ -3,7 +3,7 @@ import {
   LoaderRenderer,
   loadSearchParams
 } from 'e2e-shared/specs/loader'
-import { GetServerSidePropsContext } from 'next'
+import type { GetServerSidePropsContext } from 'next'
 
 type PageProps = {
   serverValues: SearchParams