update test

Author: huozhi

test/e2e/app-dir/metadata-streaming/app/parallel-routes-no-children/layout.tsx

@@ -1,9 +1,14 @@
 export default function Layout({ bar, foo }) {
   return (
     <div>
-      <h1>Parallel Routes Layout</h1>
+      <h1>Parallel Routes Layout - No Children</h1>
       <div id="foo-slot">{foo}</div>
       <div id="bar-slot">{bar}</div>
     </div>
   )
 }
+
+export const metadata = {
+  title: 'parallel-routes-no-children layout title',
+  description: 'parallel-routes-no-children layout description',
+}

test/e2e/app-dir/metadata-streaming/app/parallel-routes-no-children/page.tsx

@@ -6,7 +6,7 @@ export default function TestPage() {
 
 export async function generateMetadata() {
   await connection()
-  await new Promise((resolve) => setTimeout(resolve, 3000))
+  await new Promise((resolve) => setTimeout(resolve, 2000))
   return {
     title: `Dynamic api ${Math.random()}`,
   }

test/e2e/app-dir/metadata-streaming/app/parallel-routes-no-children/test-page/page.tsx

@@ -6,8 +6,9 @@ export default function TestPage() {
 
 export async function generateMetadata() {
   await connection()
-  await new Promise((resolve) => setTimeout(resolve, 3000))
+  await new Promise((resolve) => setTimeout(resolve, 1000))
   return {
     title: `Dynamic api ${Math.random()}`,
+    description: 'no-bar description',
   }
 }

test/e2e/app-dir/metadata-streaming/app/parallel-routes/no-bar/page.tsx

@@ -14,4 +14,5 @@ export default function Page() {
 
 export const metadata = {
   title: 'parallel title',
+  description: 'parallel description',
 }

test/e2e/app-dir/metadata-streaming/app/parallel-routes/page.tsx

@@ -6,7 +6,7 @@ export default function TestPage() {
 
 export async function generateMetadata() {
   await connection()
-  await new Promise((resolve) => setTimeout(resolve, 3000))
+  await new Promise((resolve) => setTimeout(resolve, 1000))
   return {
     title: `Dynamic api ${Math.random()}`,
   }

test/e2e/app-dir/metadata-streaming/app/parallel-routes/test-page/page.tsx

@@ -115,25 +115,29 @@ describe('app-dir - metadata-streaming', () => {
     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'
       )
     })
 
-    expect((await browser.elementsByCss('title')).length).toBe(1)
+    await retry(async () => {
+      expect((await browser.elementsByCss('title')).length).toBe(1)
+    })
   })
 
   it('should still render layout metadata if children is not rendered but rest slots are', async () => {
-    const browser = await next.browser('/parallel-routes-no-children')
+    const browser = await next.browser('/parallel-routes-no-children/test-page')
 
-    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')
+    expect((await browser.elementsByCss('title')).length).toBe(1)
+    expect(await browser.elementByCss('title').text()).toMatch(
+      /Dynamic api \d+/
+    )
 
-    const $ = await next.render$('/parallel-routes-no-children')
+    const $ = await next.render$('/parallel-routes-no-children/test-page')
     expect($('title').length).toBe(1)
-    expect($('head title').text()).toBe('parallel title')
+    expect($('head title').text()).toMatch(/Dynamic api \d+/)
   })
 
   describe('dynamic api', () => {