add tests

lubieowoce · lubieowoce · commit 92fa8436158a · 2025-06-19T15:12:19.000+02:00
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/layout.tsx
@@ -0,0 +1,16 @@
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
+
+export async function generateStaticParams() {
+  return [
+    { lang: 'en', locale: 'us' },
+    { lang: 'es', locale: 'es' },
+  ]
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/[slug]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/[slug]/layout.tsx
@@ -0,0 +1,3 @@
+export default function Layout({ children }) {
+  return <div>{children}</div>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/[slug]/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/[slug]/page.tsx
@@ -0,0 +1,24 @@
+import { lang, locale } from 'next/root-params'
+import { Suspense } from 'react'
+
+export default async function Page({ params }) {
+  return (
+    <main>
+      <p id="root-params">
+        {JSON.stringify({ lang: await lang(), locale: await locale() })}
+      </p>
+      <Suspense fallback="...">
+        <DynamicParams params={params} />
+      </Suspense>
+    </main>
+  )
+}
+
+async function DynamicParams({
+  params,
+}: {
+  params: Promise<{ [key: string]: string }>
+}) {
+  const { slug } = await params
+  return <p id="dynamic-params">{slug}</p>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/layout.tsx
@@ -0,0 +1,3 @@
+export default function Layout({ children }) {
+  return <div>{children}</div>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/other/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Other Page</div>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/app/[lang]/[locale]/page.tsx
@@ -0,0 +1,10 @@
+import { lang, locale } from 'next/root-params'
+
+export default async function Page() {
+  return (
+    <p>
+      hello world{' '}
+      {JSON.stringify({ lang: await lang(), locale: await locale() })}
+    </p>
+  )
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/next.config.ts b/test/e2e/app-dir/app-root-params-getters/fixtures/generate-static-params/next.config.ts
@@ -0,0 +1,9 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    dynamicIO: true, // implies `rootParams: true`.
+  },
+}
+
+export default nextConfig
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/dashboard/[id]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/dashboard/[id]/layout.tsx
@@ -0,0 +1,14 @@
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>Dashboard Root: {children}</body>
+    </html>
+  )
+}
+
+export const revalidate = 0
+export async function generateStaticParams() {
+  return [{ id: '1' }]
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/dashboard/[id]/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/dashboard/[id]/page.tsx
@@ -0,0 +1,5 @@
+import { id } from 'next/root-params'
+
+export default async function Page() {
+  return <p>hello world {JSON.stringify({ id: await id() })}</p>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/landing/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/landing/layout.tsx
@@ -0,0 +1,9 @@
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>Marketing Root: {children}</body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/landing/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/landing/page.tsx
@@ -0,0 +1,5 @@
+import { id } from 'next/root-params'
+
+export default async function Page() {
+  return <p>hello world {JSON.stringify({ id: await id() })}</p>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/next.config.ts b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/next.config.ts
@@ -0,0 +1,9 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    rootParams: true,
+  },
+}
+
+export default nextConfig
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/layout.tsx
@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
+
+export async function generateStaticParams() {
+  return [{ lang: 'en', locale: 'us' }]
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/[slug]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/[slug]/layout.tsx
@@ -0,0 +1,3 @@
+export default function Layout({ children }) {
+  return <div>{children}</div>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/[slug]/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/[slug]/page.tsx
@@ -0,0 +1,18 @@
+import { connection } from 'next/server'
+import { lang, locale } from 'next/root-params'
+
+export default async function Page({ params }) {
+  await connection()
+  const { slug } = await params
+  return (
+    <div>
+      <p id="dynamic-params">{slug}</p>
+      <p id="root-params">
+        {JSON.stringify({
+          lang: await lang(),
+          locale: await locale(),
+        })}
+      </p>
+    </div>
+  )
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/layout.tsx
@@ -0,0 +1,3 @@
+export default function Layout({ children }) {
+  return <div>{children}</div>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/other/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Other Page</div>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/page.tsx
@@ -0,0 +1,10 @@
+import { lang, locale } from 'next/root-params'
+
+export default async function Page() {
+  return (
+    <p>
+      hello world{' '}
+      {JSON.stringify({ lang: await lang(), locale: await locale() })}
+    </p>
+  )
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/route-handler/route.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/[lang]/[locale]/route-handler/route.tsx
@@ -0,0 +1,9 @@
+import { lang, locale } from 'next/root-params'
+
+export async function GET() {
+  return Response.json(
+    // TODO(root-params): We're missing some wiring to set `requestStore.rootParams`,
+    // so both of these will currently return undefined
+    JSON.stringify({ lang: await lang(), locale: await locale() })
+  )
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/catch-all/[...path]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/catch-all/[...path]/layout.tsx
@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
+
+export async function generateStaticParams() {
+  return [{ path: ['foo'] }]
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/catch-all/[...path]/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/catch-all/[...path]/page.tsx
@@ -0,0 +1,5 @@
+import { path } from 'next/root-params'
+
+export default async function Page() {
+  return <p>{JSON.stringify({ path: await path() })}</p>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/optional-catch-all/[[...path]]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/optional-catch-all/[[...path]]/layout.tsx
@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
+
+export async function generateStaticParams() {
+  return [{ path: undefined }]
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/optional-catch-all/[[...path]]/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/app/optional-catch-all/[[...path]]/page.tsx
@@ -0,0 +1,5 @@
+import { path } from 'next/root-params'
+
+export default async function Page() {
+  return <p>{JSON.stringify({ path: await path() })}</p>
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/simple/next.config.ts b/test/e2e/app-dir/app-root-params-getters/fixtures/simple/next.config.ts
@@ -0,0 +1,9 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    rootParams: true,
+  },
+}
+
+export default nextConfig
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-build/app/[lang]/[locale]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-build/app/[lang]/[locale]/layout.tsx
@@ -0,0 +1,16 @@
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
+
+export async function generateStaticParams() {
+  return [
+    { lang: 'en', locale: 'us' },
+    { lang: 'es', locale: 'es' },
+  ]
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-build/app/[lang]/[locale]/use-cache/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-build/app/[lang]/[locale]/use-cache/page.tsx
@@ -0,0 +1,22 @@
+import { lang, locale } from 'next/root-params'
+
+export default async function Page() {
+  const rootParams = await getCachedParams()
+  const data = await fetch(
+    'https://next-data-api-endpoint.vercel.app/api/random'
+  ).then((res) => res.text())
+
+  return (
+    <p>
+      <span id="param">
+        {rootParams.lang} {rootParams.locale}
+      </span>{' '}
+      <span id="random">{data}</span>
+    </p>
+  )
+}
+
+async function getCachedParams() {
+  'use cache'
+  return { lang: await lang(), locale: await locale() }
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-build/next.config.ts b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-build/next.config.ts
@@ -0,0 +1,10 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    useCache: true,
+    rootParams: true,
+  },
+}
+
+export default nextConfig
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/layout.tsx
@@ -0,0 +1,9 @@
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/request/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/request/page.tsx
@@ -0,0 +1,16 @@
+import { lang, locale } from 'next/root-params'
+
+export default async function Page() {
+  const data = await fetch(
+    'https://next-data-api-endpoint.vercel.app/api/random'
+  ).then((res) => res.text())
+
+  return (
+    <p>
+      <span id="param">
+        {await lang()} {await locale()}
+      </span>{' '}
+      <span id="random">{data}</span>
+    </p>
+  )
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/unstable_cache/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/unstable_cache/page.tsx
@@ -0,0 +1,22 @@
+import { lang, locale } from 'next/root-params'
+import { unstable_cache as cache } from 'next/cache'
+
+export default async function Page() {
+  const rootParams = await getCachedParams()
+  const data = await fetch(
+    'https://next-data-api-endpoint.vercel.app/api/random'
+  ).then((res) => res.text())
+
+  return (
+    <p>
+      <span id="param">
+        {rootParams.lang} {rootParams.locale}
+      </span>{' '}
+      <span id="random">{data}</span>
+    </p>
+  )
+}
+
+const getCachedParams = cache(async () => {
+  return { lang: await lang(), locale: await locale() }
+})
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/use-cache/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/app/[lang]/[locale]/use-cache/page.tsx
@@ -0,0 +1,22 @@
+import { lang, locale } from 'next/root-params'
+
+export default async function Page() {
+  const rootParams = await getCachedParams()
+  const data = await fetch(
+    'https://next-data-api-endpoint.vercel.app/api/random'
+  ).then((res) => res.text())
+
+  return (
+    <p>
+      <span id="param">
+        {rootParams.lang} {rootParams.locale}
+      </span>{' '}
+      <span id="random">{data}</span>
+    </p>
+  )
+}
+
+async function getCachedParams() {
+  'use cache'
+  return { lang: await lang(), locale: await locale() }
+}
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/next.config.ts b/test/e2e/app-dir/app-root-params-getters/fixtures/use-cache-runtime/next.config.ts
@@ -0,0 +1,10 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    useCache: true,
+    rootParams: true,
+  },
+}
+
+export default nextConfig
diff --git a/test/e2e/app-dir/app-root-params-getters/generate-static-params.test.ts b/test/e2e/app-dir/app-root-params-getters/generate-static-params.test.ts
diff --git a/test/e2e/app-dir/app-root-params-getters/multiple-roots.test.ts b/test/e2e/app-dir/app-root-params-getters/multiple-roots.test.ts
diff --git a/test/e2e/app-dir/app-root-params-getters/simple.test.ts b/test/e2e/app-dir/app-root-params-getters/simple.test.ts
diff --git a/test/e2e/app-dir/app-root-params-getters/use-cache.test.ts b/test/e2e/app-dir/app-root-params-getters/use-cache.test.ts
diff --git a/test/lib/development-sandbox.ts b/test/lib/development-sandbox.ts

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function Layout({ children }) {`
	`2`	`+ return <div>{children}</div>`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function Page() {`
	`2`	`+ return <div>Other Page</div>`
	`3`	`+}`