first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/development/app-dir/dev-indicator/app/force-dynamic/page.tsx
+++ b/test/development/app-dir/dev-indicator/app/force-dynamic/page.tsx
@@ -0,0 +1,7 @@
+import { WaitForHydration } from './wait-for-hydration'
+
+export const dynamic = 'force-dynamic'
+
+export default function Page() {
+  return <WaitForHydration />
+}
--- a/test/development/app-dir/dev-indicator/app/force-dynamic/wait-for-hydration.tsx
+++ b/test/development/app-dir/dev-indicator/app/force-dynamic/wait-for-hydration.tsx
@@ -0,0 +1,17 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+
+export function WaitForHydration() {
+  const [hydrated, setHydrated] = useState(false)
+
+  useEffect(() => {
+    setHydrated(true)
+  }, [])
+
+  if (hydrated) {
+    return <div id="ready">hydrated</div>
+  }
+
+  return null
+}
--- a/test/development/app-dir/dev-indicator/app/layout.tsx
+++ b/test/development/app-dir/dev-indicator/app/layout.tsx
@@ -0,0 +1,8 @@
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head />
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/development/app-dir/dev-indicator/app/page.tsx
+++ b/test/development/app-dir/dev-indicator/app/page.tsx
@@ -0,0 +1,6 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { headers } from 'next/headers'
+export default async function Page() {
+  // headers()
+  return <p>hello world</p>
+}
--- a/test/development/app-dir/dev-indicator/hide-button.test.ts
+++ b/test/development/app-dir/dev-indicator/hide-button.test.ts
@@ -0,0 +1,67 @@
+import { nextTestSetup } from 'e2e-utils'
+import {
+  waitForDevToolsIndicator,
+  assertNoDevToolsIndicator,
+  toggleDevToolsIndicatorPopover,
+  waitFor,
+} from 'next-test-utils'
+
+const COOLDOWN = 3000
+
+describe('dev indicator - Hide DevTools Button', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+    env: {
+      __NEXT_DEV_INDICATOR_COOLDOWN_MS: `${COOLDOWN}`,
+    },
+  })
+
+  it('should show the dev indicator when the server is manually restarted', async () => {
+    const browser = await next.browser('/')
+
+    await toggleDevToolsIndicatorPopover(browser)
+    await browser.elementByCss('[data-preferences]').click()
+    await browser.elementByCss('[data-hide-dev-tools]').click()
+
+    await assertNoDevToolsIndicator(browser)
+
+    await next.stop()
+    await next.start()
+
+    const browser2 = await next.browser('/')
+    await browser2.refresh()
+    await waitForDevToolsIndicator(browser2)
+  })
+
+  it('should still hide the dev indicator after reloading the page', async () => {
+    const browser = await next.browser('/')
+
+    await toggleDevToolsIndicatorPopover(browser)
+    await browser.elementByCss('[data-preferences]').click()
+    await browser.elementByCss('[data-hide-dev-tools]').click()
+
+    await assertNoDevToolsIndicator(browser)
+    await browser.refresh()
+    // Still hidden after reload
+    await assertNoDevToolsIndicator(browser)
+  })
+
+  it('should show the dev indicator after cooldown period has passed', async () => {
+    await next.stop()
+    await next.start()
+
+    const browser = await next.browser('/')
+
+    await toggleDevToolsIndicatorPopover(browser)
+    await browser.elementByCss('[data-preferences]').click()
+    await browser.elementByCss('[data-hide-dev-tools]').click()
+
+    await assertNoDevToolsIndicator(browser)
+
+    // Wait for `__NEXT_DEV_INDICATOR_COOLDOWN` to pass.
+    await waitFor(COOLDOWN)
+
+    await browser.refresh()
+    await waitForDevToolsIndicator(browser)
+  })
+})
--- a/test/development/app-dir/dev-indicator/route-type.test.ts
+++ b/test/development/app-dir/dev-indicator/route-type.test.ts
@@ -0,0 +1,55 @@
+import { nextTestSetup } from 'e2e-utils'
+import { waitForStaticIndicator } from 'next-test-utils'
+
+describe('app dir dev indicator - route type', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should have route type as static by default for static page', async () => {
+    const browser = await next.browser('/')
+
+    await waitForStaticIndicator(browser, 'Static')
+  })
+
+  it('should have route type as dynamic when changing to dynamic page', async () => {
+    const browser = await next.browser('/')
+    const origContent = await next.readFile('app/page.tsx')
+
+    await next.patchFile(
+      'app/page.tsx',
+      origContent.replace('// headers()', 'headers()')
+    )
+
+    try {
+      await waitForStaticIndicator(browser, 'Dynamic')
+    } finally {
+      await next.patchFile('app/page.tsx', origContent)
+    }
+  })
+
+  it('should have route type as dynamic when on load of dynamic page', async () => {
+    const origContent = await next.readFile('app/page.tsx')
+
+    await next.patchFile(
+      'app/page.tsx',
+      origContent.replace('// headers()', 'headers()')
+    )
+
+    const browser = await next.browser('/')
+
+    try {
+      await waitForStaticIndicator(browser, 'Dynamic')
+    } finally {
+      await next.patchFile('app/page.tsx', origContent)
+    }
+  })
+
+  it('should have route type as dynamic when using force-dynamic', async () => {
+    const browser = await next.browser('/force-dynamic')
+
+    await browser.waitForElementByCss('#ready')
+
+    await waitForStaticIndicator(browser, 'Dynamic')
+  })
+})