4056994304
### What? We change the not-found rendering strategy to the origin one which recovers the not found error from the flight data, and hit the error boundary to display the closet not found component. For parallel `@slot` we shouldn't pass down the not-found boundary, the boundary is only for `@children`. ### Why? We're having a lot of not-found matching issues that manually searching for not found and layout won't be accurate as we have various scenarios like `(group)` routes, dynamic routes, etc. ### How? Only render html with empty body so that the error can recover from flight and render the proper not-found component during hydration. One change for metadata is that we need to get the "not-found" metadata in the initial render, so we'll catch the not-found error once there first and start render the "not-found" metadata and put it in the flight data. Then when it recovers it's still preserved. Fixes #53694
25 lines
789 B
TypeScript
25 lines
789 B
TypeScript
import { createNextDescribe } from 'e2e-utils'
|
|
|
|
createNextDescribe(
|
|
'parallel-routes-and-interception',
|
|
{
|
|
files: __dirname,
|
|
// TODO: remove after deployment handling is updated
|
|
skipDeployment: true,
|
|
},
|
|
({ next }) => {
|
|
// TODO: revisit the error for missing parallel routes slot
|
|
it('should not render the @children slot when the @slot is not found', async () => {
|
|
const browser = await next.browser('/')
|
|
// we make sure the page is available through navigating
|
|
expect(await browser.elementByCss('body').text()).toMatch(
|
|
/This page could not be found/
|
|
)
|
|
|
|
// we also check that the #children-slot id is not present
|
|
expect(await browser.hasElementByCssSelector('#children-slot')).toBe(
|
|
false
|
|
)
|
|
})
|
|
}
|
|
)
|