test/development/app-dir/cache-components-dev-fallback-validation/cache-components-dev-fallback-validation.test.ts - canary - githubmirror/next.js

test/development/app-dir/cache-components-dev-fallback-validation/cache-components-dev-fallback-validation.test.ts
199 строк7 KB
Aurora Scharff
Insights: use a single Learn more link in console errors (#95967)
21 июл 2026, 13:53
21 июл 2026, 13:5318d2e2d
import { nextTestSetup } from 'e2e-utils'
import { waitForNoRedbox } from 'next-test-utils'

describe('Cache Components Fallback Validation', () => {
  const { next } = nextTestSetup({
    files: __dirname,
  })

  it('should not warn about missing Suspense when accessing params if static params are completely known at build time', async () => {
    // when the params are complete we don't expect to see any errors await params regarless of where there
    // are Suspense boundaries.
    const browser = await next.browser(
      '/complete/prerendered/wrapped/prerendered'
    )
    await waitForNoRedbox(browser)

    await browser.loadPage(`${next.url}/complete/prerendered/wrapped/novel`)
    await waitForNoRedbox(browser)

    await browser.loadPage(`${next.url}/complete/novel/wrapped/novel`)
    await waitForNoRedbox(browser)

    await browser.loadPage(
      `${next.url}/complete/prerendered/unwrapped/prerendered`
    )
    await waitForNoRedbox(browser)

    await browser.loadPage(`${next.url}/complete/prerendered/unwrapped/novel`)
    await waitForNoRedbox(browser)

    await browser.loadPage(`${next.url}/complete/novel/unwrapped/novel`)
    await waitForNoRedbox(browser)
  })

  it('should warn about missing Suspense when accessing params if static params are partially known at build time', async () => {
    // when the params are partially complete we don't expect to see any errors awaiting the params that are known
    // but do expect errors awaiting the params that are not known if not inside a Suspense boundary.
    const browser = await next.browser(
      '/partial/prerendered/wrapped/prerendered'
    )
    await waitForNoRedbox(browser)

    await browser.loadPage(`${next.url}/partial/prerendered/wrapped/novel`)
    await waitForNoRedbox(browser)

    await browser.loadPage(`${next.url}/partial/novel/wrapped/novel`)
    await waitForNoRedbox(browser)

    await browser.loadPage(
      `${next.url}/partial/prerendered/unwrapped/prerendered`
    )
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/partial/[top]/unwrapped/[bottom]/page.tsx (6:26) @ Page
     > 6 |       Top: {(await props.params).top}, Bottom: {(await props.params).bottom}
         |                          ^",
       "stack": [
         "Page app/partial/[top]/unwrapped/[bottom]/page.tsx (6:26)",
       ],
     }
    `)

    await browser.loadPage(`${next.url}/partial/prerendered/unwrapped/novel`)
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/partial/[top]/unwrapped/[bottom]/page.tsx (6:26) @ Page
     > 6 |       Top: {(await props.params).top}, Bottom: {(await props.params).bottom}
         |                          ^",
       "stack": [
         "Page app/partial/[top]/unwrapped/[bottom]/page.tsx (6:26)",
       ],
     }
    `)

    await browser.loadPage(`${next.url}/partial/novel/unwrapped/novel`)
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/partial/[top]/unwrapped/layout.tsx (8:3) @ Layout
     >  8 |   await params
          |   ^",
       "stack": [
         "Layout app/partial/[top]/unwrapped/layout.tsx (8:3)",
       ],
     }
    `)
  })

  it('should warn about missing Suspense when accessing params if static params are entirely missing at build time', async () => {
    // when the params are partially complete we don't expect to see any errors awaiting the params that are known
    // but do expect errors awaiting the params that are not known if not inside a Suspense boundary.
    const browser = await next.browser('/none/prerendered/wrapped/prerendered')
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/none/[top]/wrapped/layout.tsx (10:3) @ Layout
     > 10 |   await params
          |   ^",
       "stack": [
         "Layout app/none/[top]/wrapped/layout.tsx (10:3)",
       ],
     }
    `)

    await browser.loadPage(`${next.url}/none/prerendered/wrapped/novel`)
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/none/[top]/wrapped/layout.tsx (10:3) @ Layout
     > 10 |   await params
          |   ^",
       "stack": [
         "Layout app/none/[top]/wrapped/layout.tsx (10:3)",
       ],
     }
    `)

    await browser.loadPage(`${next.url}/none/novel/wrapped/novel`)
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/none/[top]/wrapped/layout.tsx (10:3) @ Layout
     > 10 |   await params
          |   ^",
       "stack": [
         "Layout app/none/[top]/wrapped/layout.tsx (10:3)",
       ],
     }
    `)

    await browser.loadPage(`${next.url}/none/prerendered/unwrapped/prerendered`)
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/none/[top]/unwrapped/layout.tsx (8:3) @ Layout
     >  8 |   await params
          |   ^",
       "stack": [
         "Layout app/none/[top]/unwrapped/layout.tsx (8:3)",
       ],
     }
    `)

    await browser.loadPage(`${next.url}/none/prerendered/unwrapped/novel`)
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/none/[top]/unwrapped/layout.tsx (8:3) @ Layout
     >  8 |   await params
          |   ^",
       "stack": [
         "Layout app/none/[top]/unwrapped/layout.tsx (8:3)",
       ],
     }
    `)

    await browser.loadPage(`${next.url}/none/novel/unwrapped/novel`)
    await expect(browser).toDisplayCollapsedRedbox(`
     {
       "code": "E1427",
       "description": "Next.js encountered runtime data during prerendering.",
       "environmentLabel": "Server",
       "label": "Blocking Route",
       "source": "app/none/[top]/unwrapped/layout.tsx (8:3) @ Layout
     >  8 |   await params
          |   ^",
       "stack": [
         "Layout app/none/[top]/unwrapped/layout.tsx (8:3)",
       ],
     }
    `)
  })
})