first commit

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/uncached/api/route.ts

@@ -0,0 +1,11 @@
+export function GET() {
+  const response = JSON.stringify({
+    rand1: Math.random(),
+    rand2: Math.random(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/unstable-cache/api/route.ts

@@ -0,0 +1,17 @@
+import { unstable_cache as cache } from 'next/cache'
+
+export async function GET() {
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/unstable-cache/page.tsx

@@ -0,0 +1,22 @@
+import { unstable_cache as cache } from 'next/cache'
+
+export default async function Page() {
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/use-cache/api/route.ts

@@ -0,0 +1,16 @@
+export async function GET() {
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/use-cache/page.tsx

@@ -0,0 +1,21 @@
+export default async function Page() {
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/uncached/api/route.ts

@@ -0,0 +1,14 @@
+import { connection } from 'next/server'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: Math.random(),
+    rand2: Math.random(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/uncached/page.tsx

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/unstable-cache/api/route.ts

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+import { unstable_cache as cache } from 'next/cache'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/unstable-cache/page.tsx

@@ -0,0 +1,24 @@
+import { connection } from 'next/server'
+import { unstable_cache as cache } from 'next/cache'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/use-cache/api/route.ts

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/use-cache/page.tsx

@@ -0,0 +1,24 @@
+import { connection } from 'next/server'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/layout.tsx

@@ -0,0 +1,13 @@
+import { Suspense } from 'react'
+
+export default function Root({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>
+        <main>
+          <Suspense fallback="loading...">{children}</Suspense>
+        </main>
+      </body>
+    </html>
+  )
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/rewritten/page.tsx

@@ -0,0 +1,3 @@
+export default async function Page() {
+  return <section data-testid="content">rewritten</section>
+}