counter: {counter}
+} diff --git a/test/development/fs-settling-event/fs-settling-event.test.ts b/test/development/fs-settling-event/fs-settling-event.test.ts new file mode 100644 index 000000000000..1b9ade87ad46 --- /dev/null +++ b/test/development/fs-settling-event/fs-settling-event.test.ts @@ -0,0 +1,46 @@ +import { nextTestSetup } from 'e2e-utils' +import { retry } from 'next-test-utils' +import stripAnsi from 'strip-ansi' +import fs from 'fs' +import path from 'path' + +// The `FilesystemSettlingEvent` compilation event is Turbopack-only. +;(process.env.IS_TURBOPACK_TEST ? describe : describe.skip)( + 'fs-settling-event', + () => { + const { next } = nextTestSetup({ files: __dirname }) + + it('logs a settling event during sustained node_modules churn', async () => { + // Compile the page first so the imported `node_modules` file is watched. + await next.render('/') + + const pkgFile = path.join( + next.testDir, + 'node_modules/fs-settling-fixture-pkg/index.js' + ) + const outputIndex = next.cliOutput.length + + // Rewrite the imported module every 20ms. Since 20ms is well below the + // extended `node_modules` batch delay (200ms), the watcher keeps a single + // batch of events open, which triggers the settling event after ~5s. + let i = 0 + const interval = setInterval(() => { + fs.writeFileSync(pkgFile, `export default ${i++}\n`) + }, 20) + + try { + await retry( + () => { + const output = stripAnsi(next.cliOutput.slice(outputIndex)) + expect(output).toContain('waiting for the filesystem to settle') + }, + // The event fires after ~5s; allow a generous window to avoid flakes. + 15000, + 500 + ) + } finally { + clearInterval(interval) + } + }) + } +) diff --git a/test/development/fs-settling-event/node_modules/fs-settling-fixture-pkg/index.js b/test/development/fs-settling-event/node_modules/fs-settling-fixture-pkg/index.js new file mode 100644 index 000000000000..029f788d6d4c --- /dev/null +++ b/test/development/fs-settling-event/node_modules/fs-settling-fixture-pkg/index.js @@ -0,0 +1 @@ +export default 0 diff --git a/test/development/fs-settling-event/node_modules/fs-settling-fixture-pkg/package.json b/test/development/fs-settling-event/node_modules/fs-settling-fixture-pkg/package.json new file mode 100644 index 000000000000..37ba57905675 --- /dev/null +++ b/test/development/fs-settling-event/node_modules/fs-settling-fixture-pkg/package.json @@ -0,0 +1,5 @@ +{ + "name": "fs-settling-fixture-pkg", + "version": "1.0.0", + "main": "index.js" +} diff --git a/test/e2e/app-dir/segment-cache/prefetch-inlining/app/test-dynamic-partial/[top]/[bottom]/page.tsx b/test/e2e/app-dir/segment-cache/prefetch-inlining/app/test-dynamic-partial/[top]/[bottom]/page.tsx new file mode 100644 index 000000000000..d1b09a9676c2 --- /dev/null +++ b/test/e2e/app-dir/segment-cache/prefetch-inlining/app/test-dynamic-partial/[top]/[bottom]/page.tsx @@ -0,0 +1,8 @@ +export default async function Page({ + params, +}: { + params: Promise<{ top: string; bottom: string }> +}) { + const { top, bottom } = await params + return{`Dynamic page: ${top}/${bottom}`}
+} diff --git a/test/e2e/app-dir/segment-cache/prefetch-inlining/app/test-dynamic-partial/[top]/layout.tsx b/test/e2e/app-dir/segment-cache/prefetch-inlining/app/test-dynamic-partial/[top]/layout.tsx new file mode 100644 index 000000000000..f8a898b8189e --- /dev/null +++ b/test/e2e/app-dir/segment-cache/prefetch-inlining/app/test-dynamic-partial/[top]/layout.tsx @@ -0,0 +1,23 @@ +import { Suspense, type ReactNode } from 'react' +import { NoInline } from '../../../components/no-inline' + +export function generateStaticParams() { + return [{ top: 't1' }] +} + +export default async function Layout({ + children, + params, +}: { + children: ReactNode + params: Promise<{ top: string }> +}) { + const { top } = await params + return ( +{`Top: ${top}`}
+Static parent
+ {children} +