mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Hendrik Liebau
cb7769a6d1
This may or may not help with the [flakiness](https://app.datadoghq.com/ci/test-runs?query=test_level%3Atest%20env%3Aci%20%40git.repository.id%3Agithub.com%2Fvercel%2Fnext.js%20%40test.service%3Anextjs%20%40test.suite%3A%22tsconfig-path-reloading%22%20%40test.status%3Afail&agg_m=count&agg_m_source=base&agg_t=count¤tTab=overview&eventStack=&fromUser=false&index=citest&start=1713291659981&end=1721067659981&paused=false) of the `tsconfig-path-reloading` test with turbopack. I also found a race condition bug in `packages/next/src/server/lib/router-utils/setup-dev-bundler.ts` after removing an artificial delay of 200ms in the `jsconfig-path-reloading` test.
99 lines
2.8 KiB
TypeScript
99 lines
2.8 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
import { check, waitFor } from 'next-test-utils'
|
|
import path from 'path'
|
|
|
|
describe('multi-zone', () => {
|
|
const { next, isNextDev, skipped } = nextTestSetup({
|
|
files: path.join(__dirname, 'app'),
|
|
skipDeployment: true,
|
|
buildCommand: 'pnpm build',
|
|
startCommand: (global as any).isNextDev ? 'pnpm dev' : 'pnpm start',
|
|
serverReadyPattern: /Next mode: (production|development)/,
|
|
packageJson: {
|
|
scripts: {
|
|
dev: 'node server.js',
|
|
build: 'next build apps/host && next build apps/guest',
|
|
start: 'NODE_ENV=production node server.js',
|
|
'post-build': 'echo done',
|
|
},
|
|
},
|
|
dependencies: require('./app/package.json').dependencies,
|
|
})
|
|
|
|
if (skipped) {
|
|
return
|
|
}
|
|
|
|
it.each([
|
|
{ pathname: '/', content: ['hello from host app'] },
|
|
{ pathname: '/guest', content: ['hello from guest app'] },
|
|
{
|
|
pathname: '/blog/post-1',
|
|
content: ['hello from host app /blog/[slug]'],
|
|
},
|
|
{
|
|
pathname: '/guest/blog/post-1',
|
|
content: ['hello from guest app /blog/[slug]'],
|
|
},
|
|
{
|
|
pathname: '/guest/another/post-1',
|
|
content: ['hello from guest app /another/[slug]'],
|
|
},
|
|
])(
|
|
'should correctly respond for $pathname',
|
|
async ({ pathname, content }) => {
|
|
const res = await next.fetch(pathname, {
|
|
redirect: 'manual',
|
|
})
|
|
expect(res.status).toBe(200)
|
|
|
|
const html = await res.text()
|
|
|
|
for (const item of content) {
|
|
expect(html).toContain(item)
|
|
}
|
|
}
|
|
)
|
|
|
|
if (isNextDev) {
|
|
async function runHMRTest(app: string) {
|
|
const isHostApp = app === 'host'
|
|
const browser = await next.browser(isHostApp ? '/' : app)
|
|
expect(await browser.elementByCss('body').text()).toContain(
|
|
`hello from ${app} app`
|
|
)
|
|
const initialTimestamp = await browser.elementById('now').text()
|
|
|
|
expect(await browser.elementByCss('body').text()).not.toContain(
|
|
'hmr content'
|
|
)
|
|
|
|
await waitFor(1000)
|
|
|
|
// verify that the page isn't unexpectedly reloading in the background
|
|
const newTimestamp = await browser.elementById('now').text()
|
|
expect(newTimestamp).toBe(initialTimestamp)
|
|
|
|
// trigger HMR
|
|
const filePath = `apps/${app}/pages/index.tsx`
|
|
const content = await next.readFile(filePath)
|
|
|
|
const patchedContent = content.replace(
|
|
`const editedContent = ''`,
|
|
`const editedContent = 'hmr content'`
|
|
)
|
|
await next.patchFile(filePath, patchedContent)
|
|
|
|
await check(() => browser.elementByCss('body').text(), /hmr content/)
|
|
|
|
// restore original content
|
|
await next.patchFile(filePath, content)
|
|
}
|
|
|
|
it('should support HMR in both apps', async () => {
|
|
await runHMRTest('host')
|
|
await runHMRTest('guest')
|
|
})
|
|
}
|
|
})
|