vercel · huozhi · Apr 14, 2025 · Apr 14, 2025
diff --git a/test/e2e/app-dir/metadata-streaming-parallel-routes/app/layout.tsx b/test/e2e/app-dir/metadata-streaming-parallel-routes/app/layout.tsx
@@ -0,0 +1,22 @@
+import Link from 'next/link'
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>
+        <div>
+          <Link href="/parallel-routes" id="to-parallel-routes">
+            {`to /parallel-routes`}
+          </Link>
+          <br />
+          <Link href="/parallel-routes-default" id="to-default">
+            {`to /parallel-routes-default`}
+          </Link>
+          <br />
+        </div>
+        {children}
+      </body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/metadata-streaming-parallel-routes/app/page.tsx b/test/e2e/app-dir/metadata-streaming-parallel-routes/app/page.tsx
@@ -0,0 +1,12 @@
+export default function Page() {
+  return <p>index page</p>
+}
+
+export async function generateMetadata() {
+  await new Promise((resolve) => setTimeout(resolve, 1 * 1000))
+  return {
+    title: 'index page',
+  }
+}
+
+export const dynamic = 'force-dynamic'
diff --git a/.../parallel-routes-default/@bar/default.tsx → .../parallel-routes-default/@bar/default.tsx b/.../parallel-routes-default/@bar/default.tsx → .../parallel-routes-default/@bar/default.tsx
diff --git a/...p/parallel-routes-default/@bar/layout.tsx → ...p/parallel-routes-default/@bar/layout.tsx b/...p/parallel-routes-default/@bar/layout.tsx → ...p/parallel-routes-default/@bar/layout.tsx
diff --git a/...app/parallel-routes-default/@bar/page.tsx → ...app/parallel-routes-default/@bar/page.tsx b/...app/parallel-routes-default/@bar/page.tsx → ...app/parallel-routes-default/@bar/page.tsx
diff --git a/...el-routes-default/@bar/test-page/page.tsx → ...el-routes-default/@bar/test-page/page.tsx b/...el-routes-default/@bar/test-page/page.tsx → ...el-routes-default/@bar/test-page/page.tsx
diff --git a/.../parallel-routes-default/@foo/default.tsx → .../parallel-routes-default/@foo/default.tsx b/.../parallel-routes-default/@foo/default.tsx → .../parallel-routes-default/@foo/default.tsx
diff --git a/...p/parallel-routes-default/@foo/layout.tsx → ...p/parallel-routes-default/@foo/layout.tsx b/...p/parallel-routes-default/@foo/layout.tsx → ...p/parallel-routes-default/@foo/layout.tsx
diff --git a/...allel-routes-default/@foo/no-bar/page.tsx → ...allel-routes-default/@foo/no-bar/page.tsx b/...allel-routes-default/@foo/no-bar/page.tsx → ...allel-routes-default/@foo/no-bar/page.tsx
diff --git a/...app/parallel-routes-default/@foo/page.tsx → ...app/parallel-routes-default/@foo/page.tsx b/...app/parallel-routes-default/@foo/page.tsx → ...app/parallel-routes-default/@foo/page.tsx
diff --git a/...el-routes-default/@foo/test-page/page.tsx → ...el-routes-default/@foo/test-page/page.tsx b/...el-routes-default/@foo/test-page/page.tsx → ...el-routes-default/@foo/test-page/page.tsx
diff --git a/...g/app/parallel-routes-default/default.tsx → ...s/app/parallel-routes-default/default.tsx b/...g/app/parallel-routes-default/default.tsx → ...s/app/parallel-routes-default/default.tsx
diff --git a/...ng/app/parallel-routes-default/layout.tsx → ...es/app/parallel-routes-default/layout.tsx b/...ng/app/parallel-routes-default/layout.tsx → ...es/app/parallel-routes-default/layout.tsx
diff --git a/...p/parallel-routes-default/no-bar/page.tsx → ...p/parallel-routes-default/no-bar/page.tsx b/...p/parallel-routes-default/no-bar/page.tsx → ...p/parallel-routes-default/no-bar/page.tsx
diff --git a/...arallel-routes-default/test-page/page.tsx → ...arallel-routes-default/test-page/page.tsx b/...arallel-routes-default/test-page/page.tsx → ...arallel-routes-default/test-page/page.tsx
diff --git a/...ming/app/parallel-routes/@bar/default.tsx → ...utes/app/parallel-routes/@bar/default.tsx b/...ming/app/parallel-routes/@bar/default.tsx → ...utes/app/parallel-routes/@bar/default.tsx
diff --git a/...aming/app/parallel-routes/@bar/layout.tsx → ...outes/app/parallel-routes/@bar/layout.tsx b/...aming/app/parallel-routes/@bar/layout.tsx → ...outes/app/parallel-routes/@bar/layout.tsx
diff --git a/...reaming/app/parallel-routes/@bar/page.tsx → ...-routes/app/parallel-routes/@bar/page.tsx b/...reaming/app/parallel-routes/@bar/page.tsx → ...-routes/app/parallel-routes/@bar/page.tsx
diff --git a/...p/parallel-routes/@bar/test-page/page.tsx → ...p/parallel-routes/@bar/test-page/page.tsx b/...p/parallel-routes/@bar/test-page/page.tsx → ...p/parallel-routes/@bar/test-page/page.tsx
diff --git a/...ming/app/parallel-routes/@foo/default.tsx → ...utes/app/parallel-routes/@foo/default.tsx b/...ming/app/parallel-routes/@foo/default.tsx → ...utes/app/parallel-routes/@foo/default.tsx
diff --git a/...aming/app/parallel-routes/@foo/layout.tsx → ...outes/app/parallel-routes/@foo/layout.tsx b/...aming/app/parallel-routes/@foo/layout.tsx → ...outes/app/parallel-routes/@foo/layout.tsx
diff --git a/.../app/parallel-routes/@foo/no-bar/page.tsx → .../app/parallel-routes/@foo/no-bar/page.tsx b/.../app/parallel-routes/@foo/no-bar/page.tsx → .../app/parallel-routes/@foo/no-bar/page.tsx
diff --git a/...reaming/app/parallel-routes/@foo/page.tsx → ...-routes/app/parallel-routes/@foo/page.tsx b/...reaming/app/parallel-routes/@foo/page.tsx → ...-routes/app/parallel-routes/@foo/page.tsx
diff --git a/...p/parallel-routes/@foo/test-page/page.tsx → ...p/parallel-routes/@foo/test-page/page.tsx b/...p/parallel-routes/@foo/test-page/page.tsx → ...p/parallel-routes/@foo/test-page/page.tsx
diff --git a/...-streaming/app/parallel-routes/layout.tsx → ...lel-routes/app/parallel-routes/layout.tsx b/...-streaming/app/parallel-routes/layout.tsx → ...lel-routes/app/parallel-routes/layout.tsx
diff --git a/...aming/app/parallel-routes/no-bar/page.tsx → ...outes/app/parallel-routes/no-bar/page.tsx b/...aming/app/parallel-routes/no-bar/page.tsx → ...outes/app/parallel-routes/no-bar/page.tsx
diff --git a/...ta-streaming/app/parallel-routes/page.tsx → ...allel-routes/app/parallel-routes/page.tsx b/...ta-streaming/app/parallel-routes/page.tsx → ...allel-routes/app/parallel-routes/page.tsx
diff --git a/...ng/app/parallel-routes/test-page/page.tsx → ...es/app/parallel-routes/test-page/page.tsx b/...ng/app/parallel-routes/test-page/page.tsx → ...es/app/parallel-routes/test-page/page.tsx
diff --git a/...e2e/app-dir/metadata-streaming-parallel-routes/metadata-streaming-parallel-routes.test.ts b/...e2e/app-dir/metadata-streaming-parallel-routes/metadata-streaming-parallel-routes.test.ts
@@ -0,0 +1,60 @@
+import { nextTestSetup } from 'e2e-utils'
+import { retry } from 'next-test-utils'
+
+describe('app-dir - metadata-streaming', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should only insert metadata once for parallel routes when slots match', async () => {
+    const browser = await next.browser('/parallel-routes')
+
+    expect((await browser.elementsByCss('head title')).length).toBe(1)
+    expect((await browser.elementsByCss('body title')).length).toBe(0)
+    expect(await browser.elementByCss('title').text()).toBe('parallel title')
+
+    const $ = await next.render$('/parallel-routes')
+    expect($('title').length).toBe(1)
+    expect($('head title').text()).toBe('parallel title')
+
+    // validate behavior remains the same on client navigations
+    await browser.elementByCss('[href="/parallel-routes/test-page"]').click()
+
+    await retry(async () => {
+      expect(await browser.elementByCss('title').text()).toContain(
+        'Dynamic api'
+      )
+    })
+
+    expect((await browser.elementsByCss('title')).length).toBe(1)
+  })
+
+  it('should only insert metadata once for parallel routes when there is a missing slot', async () => {
+    const browser = await next.browser('/parallel-routes')
+    await browser.elementByCss('[href="/parallel-routes/no-bar"]').click()
+
+    // Wait for navigation is finished and metadata is updated
+    await retry(async () => {
+      expect(await browser.elementByCss('title').text()).toContain(
+        'Dynamic api'
+      )
+    })
+
+    await retry(async () => {
+      expect((await browser.elementsByCss('title')).length).toBe(1)
+    })
+  })
+
+  it('should still render metadata if children is not rendered in parallel routes layout', async () => {
+    const browser = await next.browser('/parallel-routes-default')
+
+    expect((await browser.elementsByCss('title')).length).toBe(1)
+    expect(await browser.elementByCss('body title').text()).toBe(
+      'parallel-routes-default layout title'
+    )
+
+    const $ = await next.render$('/parallel-routes-default')
+    expect($('title').length).toBe(1)
+    expect($('body title').text()).toBe('parallel-routes-default layout title')
+  })
+})
diff --git a/test/e2e/app-dir/metadata-streaming-parallel-routes/next.config.js b/test/e2e/app-dir/metadata-streaming-parallel-routes/next.config.js
@@ -0,0 +1,6 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {}
+
+module.exports = nextConfig
diff --git a/test/e2e/app-dir/metadata-streaming/metadata-streaming.test.ts b/test/e2e/app-dir/metadata-streaming/metadata-streaming.test.ts
@@ -88,58 +88,6 @@ describe('app-dir - metadata-streaming', () => {
     expect((await browser.elementsByCss('body meta')).length).toBe(9)
   })
 
-  it('should only insert metadata once for parallel routes when slots match', async () => {
-    const browser = await next.browser('/parallel-routes')
-
-    expect((await browser.elementsByCss('head title')).length).toBe(1)
-    expect((await browser.elementsByCss('body title')).length).toBe(0)
-    expect(await browser.elementByCss('title').text()).toBe('parallel title')
-
-    const $ = await next.render$('/parallel-routes')
-    expect($('title').length).toBe(1)
-    expect($('head title').text()).toBe('parallel title')
-
-    // validate behavior remains the same on client navigations
-    await browser.elementByCss('[href="/parallel-routes/test-page"]').click()
-
-    await retry(async () => {
-      expect(await browser.elementByCss('title').text()).toContain(
-        'Dynamic api'
-      )
-    })
-
-    expect((await browser.elementsByCss('title')).length).toBe(1)
-  })
-
-  it('should only insert metadata once for parallel routes when there is a missing slot', async () => {
-    const browser = await next.browser('/parallel-routes')
-    await browser.elementByCss('[href="/parallel-routes/no-bar"]').click()
-
-    // Wait for navigation is finished and metadata is updated
-    await retry(async () => {
-      expect(await browser.elementByCss('title').text()).toContain(
-        'Dynamic api'
-      )
-    })
-
-    await retry(async () => {
-      expect((await browser.elementsByCss('title')).length).toBe(1)
-    })
-  })
-
-  it('should still render metadata if children is not rendered in parallel routes layout', async () => {
-    const browser = await next.browser('/parallel-routes-default')
-
-    expect((await browser.elementsByCss('title')).length).toBe(1)
-    expect(await browser.elementByCss('body title').text()).toBe(
-      'parallel-routes-default layout title'
-    )
-
-    const $ = await next.render$('/parallel-routes-default')
-    expect($('title').length).toBe(1)
-    expect($('body title').text()).toBe('parallel-routes-default layout title')
-  })
-
   describe('dynamic api', () => {
     it('should render metadata to body', async () => {
       const $ = await next.render$('/dynamic-api')