rayan/next.js
1
0
Fork 0
Code Issues Pull Requests Actions 12 Packages Projects Releases Wiki Activity

first commit
Some checks failed
Test examples / Test Examples (20) (push) Has been cancelled
Details
Test examples / Test Examples (22) (push) Has been cancelled
Details
Lock Threads / action (push) Has been cancelled
Details
Trigger Release / start (push) Has been cancelled
Details
Stale issue handler / stale (push) Has been cancelled
Details
Update Font Data / create-pull-request (push) Has been cancelled
Details
build-and-deploy / deploy-target (push) Has been cancelled
Details
build-and-deploy / build (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-unknown-linux-musl - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-unknown-linux-musl - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-unknown-linux-gnu - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-unknown-linux-gnu - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-pc-windows-msvc - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-pc-windows-msvc - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - aarch64-apple-darwin - node@16 (push) Has been cancelled
Details
build-and-deploy / stable - x86_64-apple-darwin - node@16 (push) Has been cancelled
Details
build-and-deploy / build-wasm (nodejs) (push) Has been cancelled
Details
build-and-deploy / build-wasm (web) (push) Has been cancelled
Details
build-and-deploy / Deploy preview tarball (push) Has been cancelled
Details
build-and-deploy / Potentially publish release (push) Has been cancelled
Details
build-and-deploy / publish-turbopack-npm-packages (push) Has been cancelled
Details
build-and-deploy / Deploy examples (push) Has been cancelled
Details
build-and-deploy / thank you, build (push) Has been cancelled
Details
build-and-deploy / Upload Turbopack Bytesize metrics to Datadog (push) Has been cancelled
Details
Rspack Next.js development integration tests / Rspack integration tests (push) Has been cancelled
Details
Rspack Next.js production integration tests / Rspack integration tests (push) Has been cancelled
Details
Turbopack Next.js development integration tests / Next.js integration tests (push) Has been cancelled
Details
Turbopack Next.js production integration tests / Next.js integration tests (push) Has been cancelled
Details
Update Rspack test manifest / Update and upload Rspack development test manifest (push) Has been cancelled
Details
Update Rspack test manifest / Update and upload Rspack production test manifest (push) Has been cancelled
Details
Upload bundler test manifests to areweturboyet.com / Upload test results (push) Has been cancelled
Details
Update React / create-pull-request (push) Has been cancelled
Details
test-e2e-project-reset-cron / reset-test-project (push) Has been cancelled
Details
Notify about the top 15 issues/PRs/feature requests (most reacted) in the last 90 days / run (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Arian Tron
2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
test/development/dev-indicator/app/app/rendering/a/page.js Normal file
View File

@@ -0,0 +1,16 @@
import Link from 'next/link'
import { connection } from 'next/server'
import { setTimeout } from 'timers/promises'
export default async function Page() {
await connection()
await setTimeout(100)
return (
<>
<Link href="/app/rendering/b" id="to-b">
Go to b
</Link>
</>
)
}

15
test/development/dev-indicator/app/app/rendering/b/page.js Normal file
View File

@@ -0,0 +1,15 @@
import Link from 'next/link'
import { connection } from 'next/server'
import { setTimeout } from 'timers/promises'
export default async function Page() {
await connection()
await setTimeout(100)
return (
<>
<Link href="/app/rendering/a" id="to-a">
Go to a
</Link>
</>
)
}

9
test/development/dev-indicator/app/app/static-indicator/dynamic/page.tsx Normal file
View File

@@ -0,0 +1,9 @@
import { connection } from 'next/server'
import { setTimeout } from 'timers/promises'
export default async function Page() {
await connection()
await setTimeout(100)
return <p>This is a dynamic app router page.</p>
}

3
test/development/dev-indicator/app/app/static-indicator/static/page.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function Page() {
return <p>This is a static app router page.</p>
}

15
test/development/dev-indicator/app/layout.tsx Normal file
View File

@@ -0,0 +1,15 @@
import { Suspense } from 'react'
import { Nav } from '../components/nav'
export default function Root({ children }: { children: React.ReactNode }) {
return (
<html>
<body>
<Nav />
<main>
<Suspense fallback={<p>Loading...</p>}>{children}</Suspense>
</main>
</body>
</html>
)
}

26
test/development/dev-indicator/components/nav.tsx Normal file
View File

@@ -0,0 +1,26 @@
import Link from 'next/link'
export function Nav() {
return (
<nav>
<p>
<Link href="/app/static-indicator/dynamic">App Router Dynamic</Link>
</p>
<p>
<Link href="/app/static-indicator/static">App Router Static</Link>
</p>
<p>
<Link href="/pages">Pages Router Static</Link>
</p>
<p>
<Link href="/pages/gssp">Pages Router getServerSideProps</Link>
</p>
<p>
<Link href="/pages/pregenerated">Pages Router getStaticPaths</Link>
</p>
<p>
<Link href="/pages/gip">Pages Router getInitialProps</Link>
</p>
</nav>
)
}

174
test/development/dev-indicator/dev-indicator.test.ts Normal file
View File

@@ -0,0 +1,174 @@
import { nextTestSetup } from 'e2e-utils'
import { waitForStaticIndicator } from 'next-test-utils'
const withCacheComponents = process.env.__NEXT_CACHE_COMPONENTS === 'true'
describe('dev indicator - route type', () => {
const { next } = nextTestSetup({
files: __dirname,
})
describe('getServerSideProps', () => {
it('should update when going from dynamic -> static', async () => {
const browser = await next.browser('/pages/gssp')
await waitForStaticIndicator(browser, 'Dynamic')
// validate static -> dynamic updates
await browser.elementByCss("[href='/pages']").click()
await waitForStaticIndicator(browser, 'Static')
})
it('should update when going from static -> dynamic', async () => {
const browser = await next.browser('/pages')
await waitForStaticIndicator(browser, 'Static')
// validate static -> dynamic updates
await browser.elementByCss("[href='/pages/gssp']").click()
await waitForStaticIndicator(browser, 'Dynamic')
})
it('should be marked dynamic on first load', async () => {
const browser = await next.browser('/pages/gssp')
await waitForStaticIndicator(browser, 'Dynamic')
})
})
describe('getInitialProps', () => {
it('should be marked dynamic on first load', async () => {
const browser = await next.browser('/pages/gip')
await waitForStaticIndicator(browser, 'Dynamic')
})
it('should update when going from dynamic -> static', async () => {
const browser = await next.browser('/pages/gip')
await waitForStaticIndicator(browser, 'Dynamic')
await browser.elementByCss("[href='/pages']").click()
await waitForStaticIndicator(browser, 'Static')
})
it('should update when going from static -> dynamic', async () => {
const browser = await next.browser('/pages')
await waitForStaticIndicator(browser, 'Static')
await browser.elementByCss("[href='/pages/gip']").click()
await waitForStaticIndicator(browser, 'Dynamic')
})
})
describe('getStaticPaths', () => {
it('should be marked static on first load', async () => {
const browser = await next.browser('/pages/pregenerated')
await waitForStaticIndicator(browser, 'Static')
})
it('should update when going from dynamic -> static', async () => {
const browser = await next.browser('/pages/gssp')
await waitForStaticIndicator(browser, 'Dynamic')
await browser.elementByCss("[href='/pages/pregenerated']").click()
await waitForStaticIndicator(browser, 'Static')
})
})
it('should have route type as static by default for static page', async () => {
const browser = await next.browser('/pages')
await waitForStaticIndicator(browser, 'Static')
})
describe('with App Router', () => {
describe('when loading a dynamic page', () => {
if (withCacheComponents) {
describe('with Cache Components enabled', () => {
it('should not show a static indicator', async () => {
const browser = await next.browser('/app/static-indicator/dynamic')
await waitForStaticIndicator(browser, undefined)
})
it('should still show a static indicator when navigating to a Pages Router page', async () => {
const browser = await next.browser('/app/static-indicator/dynamic')
await waitForStaticIndicator(browser, undefined)
await browser.elementByCss("[href='/pages']").click()
await waitForStaticIndicator(browser, 'Static')
})
})
} else {
describe('with Cache Components disabled', () => {
it('should be marked dynamic on first load', async () => {
const browser = await next.browser('/app/static-indicator/dynamic')
await waitForStaticIndicator(browser, 'Dynamic')
})
it('should update when going from dynamic -> static', async () => {
const browser = await next.browser('/app/static-indicator/dynamic')
await waitForStaticIndicator(browser, 'Dynamic')
await browser
.elementByCss("[href='/app/static-indicator/static']")
.click()
await waitForStaticIndicator(browser, 'Static')
})
})
}
})
describe('when loading a static page', () => {
if (withCacheComponents) {
describe('with Cache Components enabled', () => {
it('should not show a static indicator', async () => {
const browser = await next.browser('/app/static-indicator/static')
await waitForStaticIndicator(browser, undefined)
})
it('should still show a static indicator when navigating to a Pages Router page', async () => {
const browser = await next.browser('/app/static-indicator/static')
await waitForStaticIndicator(browser, undefined)
await browser.elementByCss("[href='/pages/gssp']").click()
await waitForStaticIndicator(browser, 'Dynamic')
})
})
} else {
describe('with Cache Components disabled', () => {
it('should be marked static on first load', async () => {
const browser = await next.browser('/app/static-indicator/static')
await waitForStaticIndicator(browser, 'Static')
})
it('should update when going from static -> dynamic', async () => {
const browser = await next.browser('/app/static-indicator/static')
await waitForStaticIndicator(browser, 'Static')
await browser
.elementByCss("[href='/app/static-indicator/dynamic']")
.click()
await waitForStaticIndicator(browser, 'Dynamic')
})
})
}
})
})
})

48
test/development/dev-indicator/dev-rendering-indicator.test.ts Normal file
View File

@@ -0,0 +1,48 @@
/* eslint-env jest */
import { nextTestSetup } from 'e2e-utils'
import { retry } from 'next-test-utils'
const installCheckVisible = (browser) => {
return browser.eval(`(function() {
window.checkInterval = setInterval(function() {
const root = document.querySelector('nextjs-portal').shadowRoot;
const statusElement = root.querySelector('[data-indicator-status]')
const badge = root.querySelector('[data-next-badge]')
const status = badge ? badge.getAttribute('data-status') : null
// Check if we're showing any status (rendering, compiling, etc.)
window.showedBuilder = window.showedBuilder || (
statusElement !== null || (status && status !== 'none')
)
if (window.showedBuilder) clearInterval(window.checkInterval)
}, 5)
})()`)
}
describe('Dev Rendering Indicator', () => {
const { next } = nextTestSetup({
files: __dirname,
})
it('Shows build indicator when page is built from modifying', async () => {
// Ensure both pages are built first so that we don't confuse it with build indicator
await Promise.all([
next.fetch('/app/rendering/a'),
next.fetch('/app/rendering/b'),
])
const browser = await next.browser('/app/rendering/a')
await installCheckVisible(browser)
await browser.eval('window.showedBuilder = false')
await browser.elementByCss('[href="/app/rendering/b"]').click()
await retry(async () => {
await browser.elementByCss('[href="/app/rendering/a"]')
})
const showedRenderingIndicator = await browser.eval('window.showedBuilder')
expect({ showedRenderingIndicator }).toEqual({
showedRenderingIndicator: true,
})
})
})

13
test/development/dev-indicator/pages/_app.tsx Normal file
View File

@@ -0,0 +1,13 @@
import type { AppProps } from 'next/app'
import { Nav } from '../components/nav'
export default function MyApp({ Component, pageProps }: AppProps) {
return (
<>
<Nav />
<main>
<Component {...pageProps} />
</main>
</>
)
}

28
test/development/dev-indicator/pages/pages/[slug]/index.tsx Normal file
View File

@@ -0,0 +1,28 @@
export default function Page({ slug }: { slug: string }) {
return <p>hello world {slug}</p>
}
export const getStaticPaths = async () => {
return {
paths: [
{
params: {
slug: 'pregenerated',
},
},
],
fallback: true,
}
}
export const getStaticProps = async ({
params,
}: {
params: { slug: string }
}) => {
return {
props: {
slug: params.slug,
},
}
}

9
test/development/dev-indicator/pages/pages/gip.tsx Normal file
View File

@@ -0,0 +1,9 @@
export default function Page() {
return <p>hello world</p>
}
Page.getInitialProps = async () => {
return {
static: false,
}
}

11
test/development/dev-indicator/pages/pages/gssp.tsx Normal file
View File

@@ -0,0 +1,11 @@
export default function Page() {
return <p>hello world</p>
}
export async function getServerSideProps() {
return {
props: {
static: false,
},
}
}

3
test/development/dev-indicator/pages/pages/index.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function Page() {
return <p>hello world</p>
}