mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Jiachi LiuandGitHub
02197bc364
### What Fix the status code in static generation metadata for `/_not-found` route, aligning it as 404 for both dev and build ### Why `/_not-found` route should still return 404 code as it's reserved as default not found route Closes NEXT-3001
90 lines
3.1 KiB
TypeScript
90 lines
3.1 KiB
TypeScript
import { createNextDescribe } from 'e2e-utils'
|
|
import { check, getRedboxDescription, hasRedbox } from 'next-test-utils'
|
|
|
|
createNextDescribe(
|
|
'app dir - not found with default 404 page',
|
|
{
|
|
files: __dirname,
|
|
skipDeployment: true,
|
|
},
|
|
({ next, isNextDev }) => {
|
|
it('should error on client notFound from root layout in browser', async () => {
|
|
const browser = await next.browser('/')
|
|
|
|
await browser.elementByCss('#trigger-not-found').click()
|
|
|
|
if (isNextDev) {
|
|
await check(async () => {
|
|
expect(await hasRedbox(browser)).toBe(true)
|
|
expect(await getRedboxDescription(browser)).toMatch(
|
|
/notFound\(\) is not allowed to use in root layout/
|
|
)
|
|
return 'success'
|
|
}, /success/)
|
|
}
|
|
})
|
|
|
|
it('should render default 404 with root layout for non-existent page', async () => {
|
|
const browser = await next.browser('/non-existent')
|
|
await browser.waitForElementByCss('.next-error-h1')
|
|
expect(await browser.elementByCss('.next-error-h1').text()).toBe('404')
|
|
expect(await browser.elementByCss('html').getAttribute('class')).toBe(
|
|
'root-layout-html'
|
|
)
|
|
})
|
|
|
|
it('should return 404 status code for default not-found page', async () => {
|
|
const res = await next.fetch('/_not-found')
|
|
expect(res.status).toBe(404)
|
|
})
|
|
|
|
it('should error on server notFound from root layout on server-side', async () => {
|
|
const browser = await next.browser('/?root-not-found=1')
|
|
|
|
if (isNextDev) {
|
|
expect(await hasRedbox(browser)).toBe(true)
|
|
expect(await getRedboxDescription(browser)).toBe(
|
|
'Error: notFound() is not allowed to use in root layout'
|
|
)
|
|
}
|
|
})
|
|
|
|
it('should be able to navigate to page calling not-found', async () => {
|
|
const browser = await next.browser('/')
|
|
|
|
await browser.elementByCss('#navigate-not-found').click()
|
|
await browser.waitForElementByCss('.next-error-h1')
|
|
|
|
expect(await browser.elementByCss('h1').text()).toBe('404')
|
|
expect(await browser.elementByCss('h2').text()).toBe(
|
|
'This page could not be found.'
|
|
)
|
|
})
|
|
|
|
it('should be able to navigate to page with calling not-found in metadata', async () => {
|
|
const browser = await next.browser('/')
|
|
|
|
await browser.elementByCss('#metadata-layout-not-found').click()
|
|
await browser.waitForElementByCss('.next-error-h1')
|
|
|
|
expect(await browser.elementByCss('h1').text()).toBe('404')
|
|
expect(await browser.elementByCss('h2').text()).toBe(
|
|
'This page could not be found.'
|
|
)
|
|
})
|
|
|
|
it('should render default not found for group routes if not found is not defined', async () => {
|
|
const browser = await next.browser('/group-dynamic/123')
|
|
expect(await browser.elementByCss('#page').text()).toBe(
|
|
'group-dynamic [id]'
|
|
)
|
|
|
|
await browser.loadPage(next.url + '/group-dynamic/404')
|
|
expect(await browser.elementByCss('.next-error-h1').text()).toBe('404')
|
|
expect(await browser.elementByCss('html').getAttribute('class')).toBe(
|
|
'group-root-layout'
|
|
)
|
|
})
|
|
}
|
|
)
|