add tests

lubieowoce · lubieowoce · commit 06e0a33493a6 · 2025-06-12T14:20:50.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,
+  },
+}
+
+export default nextConfig
diff --git a/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/(dashboard)/[id]/data/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/(dashboard)/[id]/data/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/(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/(marketing)/landing/page.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/(marketing)/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/app/(marketing)/layout.tsx b/test/e2e/app-dir/app-root-params-getters/fixtures/multiple-roots/app/(marketing)/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/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,14 @@
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
+
+export const revalidate = 0
+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,15 @@
+import { cookies } from 'next/headers'
+import { lang, locale } from 'next/root-params'
+
+export default async function Page({ params }) {
+  await cookies()
+  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/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: 'en-US' },
+    { lang: 'es', locale: 'es-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,9 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    dynamicIO: 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,9 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    dynamicIO: 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
@@ -0,0 +1,38 @@
+import { nextTestSetup } from 'e2e-utils'
+import cheerio from 'cheerio'
+import { join } from 'path'
+
+describe('app-root-param-getters - generateStaticParams', () => {
+  const { next, isNextDeploy } = nextTestSetup({
+    files: join(__dirname, 'fixtures', 'generate-static-params'),
+  })
+
+  it('should be statically prerenderable', async () => {
+    const response = await next.fetch('/en/us')
+    expect(response.status).toBe(200)
+    expect(
+      response.headers.get(isNextDeploy ? 'x-vercel-cache' : 'x-nextjs-cache')
+    ).toBe('HIT')
+    const $ = cheerio.load(await response.text())
+    expect($('p').text()).toBe(
+      `hello world ${JSON.stringify({ lang: 'en', locale: 'us' })}`
+    )
+  })
+
+  it('should be part of the static shell', async () => {
+    const browser = await next.browser('/en/us/other/1', {
+      // prevent streaming (dynamic) content from being inserted into the DOM
+      disableJavaScript: true,
+    })
+    expect(await browser.elementByCss('main > p#root-params').text()).toBe(
+      JSON.stringify({ lang: 'en', locale: 'us' })
+    )
+  })
+
+  it('should allow reading root params that were not prerendered', async () => {
+    const $ = await next.render$('/sth/else')
+    expect($('p').text()).toBe(
+      `hello world ${JSON.stringify({ lang: 'sth', locale: 'else' })}`
+    )
+  })
+})
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
@@ -0,0 +1,20 @@
+import { nextTestSetup } from 'e2e-utils'
+import { join } from 'path'
+
+describe('app-root-param-getters - multiple roots', () => {
+  const { next } = nextTestSetup({
+    files: join(__dirname, 'fixtures', 'multiple-roots'),
+  })
+
+  it('should have root params on dashboard pages', async () => {
+    const $ = await next.render$('/1/data')
+    expect($('body').text()).toContain('Dashboard Root')
+    expect($('p').text()).toBe('hello world {"id":"1"}')
+  })
+
+  it('should not have root params on marketing pages', async () => {
+    const $ = await next.render$('/landing')
+    expect($('body').text()).toContain('Marketing Root')
+    expect($('p').text()).toBe('hello world {}')
+  })
+})
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

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`	`+}`