first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/e2e/app-dir/partial-fallback-shell-upgrade/app/[slug]/loading.tsx
+++ b/test/e2e/app-dir/partial-fallback-shell-upgrade/app/[slug]/loading.tsx
@@ -0,0 +1,7 @@
+export default function Loading() {
+  return (
+    <div id="fallback" data-fallback>
+      loading...
+    </div>
+  )
+}
--- a/test/e2e/app-dir/partial-fallback-shell-upgrade/app/[slug]/page.tsx
+++ b/test/e2e/app-dir/partial-fallback-shell-upgrade/app/[slug]/page.tsx
@@ -0,0 +1,29 @@
+import { Suspense } from 'react'
+
+async function Dynamic() {
+  await new Promise((resolve) => setTimeout(resolve, 1000))
+  return <div id="agent">Custom Data</div>
+}
+
+export async function generateStaticParams() {
+  return [{ slug: 'one' }]
+}
+
+export default async function Page({
+  params,
+}: {
+  params: Promise<{ slug: string }>
+}) {
+  const { slug } = await params
+
+  return (
+    <div>
+      <div id="slug" data-slug={slug}>
+        {slug}
+      </div>
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dynamic />
+      </Suspense>
+    </div>
+  )
+}
--- a/test/e2e/app-dir/partial-fallback-shell-upgrade/app/layout.tsx
+++ b/test/e2e/app-dir/partial-fallback-shell-upgrade/app/layout.tsx
@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react'
+
+export default async function RootLayout({
+  children,
+}: {
+  children: ReactNode
+}) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/e2e/app-dir/partial-fallback-shell-upgrade/next.config.js
+++ b/test/e2e/app-dir/partial-fallback-shell-upgrade/next.config.js
@@ -0,0 +1,8 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+  cacheComponents: true,
+}
+
+module.exports = nextConfig
--- a/test/e2e/app-dir/partial-fallback-shell-upgrade/partial-fallback-shell-upgrade.test.ts
+++ b/test/e2e/app-dir/partial-fallback-shell-upgrade/partial-fallback-shell-upgrade.test.ts
@@ -0,0 +1,26 @@
+import { nextTestSetup } from 'e2e-utils'
+import { retry } from 'next-test-utils'
+
+describe('partial-fallback-shell-upgrade', () => {
+  const { next, isNextDev } = nextTestSetup({
+    files: __dirname,
+  })
+
+  if (isNextDev) {
+    it('skipped in dev', () => {})
+    return
+  }
+
+  it('should upgrade the fallback shell to a route shell', async () => {
+    const pathname = '/two'
+    let $ = await next.render$(pathname)
+    expect($('#fallback').text()).toBe('loading...')
+    expect($('#slug').closest('[hidden]').length).toBe(1)
+
+    await retry(async () => {
+      $ = await next.render$(pathname)
+      expect($('#slug').closest('[hidden]').length).toBe(0)
+      expect($('#fallback').length).toBe(0)
+    })
+  })
+})