mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Joshua HannafordandGitHub
8f7f2fed85
## Fix handling of intercept route segments in HMR ### What? - Made the routes in `resolve-routes.ts` get lazily initialized, and only recalculated in development mode to preserve performance - Added a test case for HMR with intercept routes ### Why? This change ensures that intercept route segments (and any other changed elements of routes), will be recalculated correctly during the development proecess. Fixes #PACK-5246
56 lines
2.0 KiB
TypeScript
56 lines
2.0 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
|
|
// This only works for Turbopack HMR builds
|
|
;(process.env.IS_TURBOPACK_TEST ? describe : describe.skip)(
|
|
'hmr-intercept-routes',
|
|
() => {
|
|
const { next } = nextTestSetup({
|
|
files: __dirname,
|
|
})
|
|
|
|
it('should update intercept routes via HMR', async () => {
|
|
const browser = await next.browser('/')
|
|
expect(await browser.elementByCss('h1').text()).toBe('Main Page')
|
|
|
|
const parallelDefaultContent = await next.readFile(
|
|
'fixtures/@intercept/default.js'
|
|
)
|
|
|
|
const parallelInterceptContent = await next.readFile(
|
|
'fixtures/@intercept/(.)intercept/page.js'
|
|
)
|
|
|
|
// Write the fixture files to the associated output location
|
|
await next.patchFile('app/@intercept/default.js', parallelDefaultContent)
|
|
await next.patchFile(
|
|
'app/@intercept/(.)intercept/page.js',
|
|
parallelInterceptContent
|
|
)
|
|
|
|
// Read the original code of the root layout page
|
|
const rootLayoutContent = await next.readFile('app/layout.js')
|
|
const fixtureLayoutContent = await next.readFile('fixtures/layout.js')
|
|
|
|
// Update the root layout file with the fixture layout which includes the new parallel routes
|
|
await next.patchFile('app/layout.js', fixtureLayoutContent)
|
|
|
|
// Check to make sure that the main page now has the correct layout changes
|
|
await browser.waitForElementByCss('#default-intercept')
|
|
expect(await browser.elementById('default-intercept').text()).toBe(
|
|
"I'm the default intercept"
|
|
)
|
|
|
|
// Go to the intercept route and check that the intercept worked correctly
|
|
await browser.elementById('to-intercept').click()
|
|
await browser.waitForElementByCss('#intercept')
|
|
expect(await browser.elementById('intercept').text()).toBe(
|
|
"I'm the intercept"
|
|
)
|
|
|
|
// Reset the file statuses
|
|
await next.patchFile('app/layout.js', rootLayoutContent)
|
|
await next.deleteFile('app/@intercept')
|
|
})
|
|
}
|
|
)
|