bafa8d4948
Removes installCommand as it doesn't have to be different than the default command. Also converted to using `createNextDescribe`. <!-- Thanks for opening a PR! Your contribution is much appreciated. To make sure your PR is handled as smoothly as possible we request that you follow the checklist sections below. Choose the right checklist for the change(s) that you're making: ## For Contributors ### Improving Documentation - Run `pnpm prettier-fix` to fix formatting issues before opening the PR. - Read the Docs Contribution Guide to ensure your contribution follows the docs guidelines: https://nextjs.org/docs/community/contribution-guide ### Adding or Updating Examples - The "examples guidelines" are followed from our contributing doc https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md - Make sure the linting passes by running `pnpm build && pnpm lint`. See https://github.com/vercel/next.js/blob/canary/contributing/repository/linting.md ### Fixing a bug - Related issues linked using `fixes #number` - Tests added. See: https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs - Errors have a helpful link attached, see https://github.com/vercel/next.js/blob/canary/contributing.md ### Adding a feature - Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. (A discussion must be opened, see https://github.com/vercel/next.js/discussions/new?category=ideas) - Related issues/discussions are linked using `fixes #number` - e2e tests added (https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs) - Documentation added - Telemetry added. In case of a feature if it's used or not. - Errors have a helpful link attached, see https://github.com/vercel/next.js/blob/canary/contributing.md ## For Maintainers - Minimal description (aim for explaining to someone not on the team to understand the PR) - When linking to a Slack thread, you might want to share details of the conclusion - Link both the Linear (Fixes NEXT-xxx) and the GitHub issues - Add review comments if necessary to explain to the reviewer the logic behind a change ### What? ### Why? ### How? Closes NEXT- Fixes # -->
191 lines
5.3 KiB
TypeScript
191 lines
5.3 KiB
TypeScript
import { join } from 'path'
|
|
import { createNext, createNextDescribe } from 'e2e-utils'
|
|
import { NextInstance } from 'test/lib/next-modes/base'
|
|
import {
|
|
check,
|
|
fetchViaHTTP,
|
|
findPort,
|
|
initNextServerScript,
|
|
killApp,
|
|
renderViaHTTP,
|
|
} from 'next-test-utils'
|
|
|
|
const isNextProd = !(global as any).isNextDev && !(global as any).isNextDeploy
|
|
|
|
createNextDescribe(
|
|
'streaming SSR with custom next configs',
|
|
{
|
|
files: join(__dirname, 'streaming-ssr'),
|
|
},
|
|
({ next }) => {
|
|
it('should match more specific route along with dynamic routes', async () => {
|
|
const res1 = await fetchViaHTTP(next.url, '/api/user/login')
|
|
const res2 = await fetchViaHTTP(next.url, '/api/user/any')
|
|
expect(await res1.text()).toBe('login')
|
|
expect(await res2.text()).toBe('[id]')
|
|
})
|
|
|
|
it('should render styled-jsx styles in streaming', async () => {
|
|
const html = await renderViaHTTP(next.url, '/')
|
|
expect(html).toContain('color:blue')
|
|
})
|
|
|
|
it('should redirect paths without trailing-slash and render when slash is appended', async () => {
|
|
const page = '/hello'
|
|
const redirectRes = await fetchViaHTTP(
|
|
next.url,
|
|
page,
|
|
{},
|
|
{ redirect: 'manual' }
|
|
)
|
|
const res = await fetchViaHTTP(next.url, page + '/')
|
|
const html = await res.text()
|
|
|
|
expect(redirectRes.status).toBe(308)
|
|
expect(res.status).toBe(200)
|
|
expect(html).toContain('hello nextjs')
|
|
expect(html).toContain('home')
|
|
})
|
|
|
|
it('should render next/router correctly in edge runtime', async () => {
|
|
const html = await renderViaHTTP(next.url, '/router')
|
|
expect(html).toContain('link')
|
|
})
|
|
|
|
it('should render multi-byte characters correctly in streaming', async () => {
|
|
const html = await renderViaHTTP(next.url, '/multi-byte')
|
|
expect(html).toContain('マルチバイト'.repeat(28))
|
|
})
|
|
|
|
if ((global as any).isNextDev) {
|
|
it('should work with custom document', async () => {
|
|
await next.patchFile(
|
|
'pages/_document.js',
|
|
`
|
|
import { Html, Head, Main, NextScript } from 'next/document'
|
|
|
|
export default function Document() {
|
|
return (
|
|
<Html>
|
|
<Head />
|
|
<body>
|
|
<Main />
|
|
<NextScript />
|
|
</body>
|
|
</Html>
|
|
)
|
|
}
|
|
`
|
|
)
|
|
await check(async () => {
|
|
return await renderViaHTTP(next.url, '/')
|
|
}, /index/)
|
|
await next.deleteFile('pages/_document.js')
|
|
})
|
|
}
|
|
}
|
|
)
|
|
|
|
if (isNextProd) {
|
|
describe('streaming SSR with custom server', () => {
|
|
let next
|
|
let server
|
|
let appPort
|
|
beforeAll(async () => {
|
|
next = await createNext({
|
|
files: join(__dirname, 'custom-server'),
|
|
})
|
|
await next.stop()
|
|
|
|
const testServer = join(next.testDir, 'server.js')
|
|
appPort = await findPort()
|
|
server = await initNextServerScript(
|
|
testServer,
|
|
/Listening/,
|
|
{
|
|
...process.env,
|
|
PORT: appPort,
|
|
},
|
|
undefined,
|
|
{
|
|
cwd: next.testDir,
|
|
}
|
|
)
|
|
})
|
|
afterAll(async () => {
|
|
await next.destroy()
|
|
if (server) await killApp(server)
|
|
})
|
|
it('should render page correctly under custom server', async () => {
|
|
const html = await renderViaHTTP(appPort, '/')
|
|
expect(html).toContain('streaming')
|
|
})
|
|
})
|
|
|
|
describe('react 18 streaming SSR in minimal mode with node runtime', () => {
|
|
let next: NextInstance
|
|
|
|
beforeAll(async () => {
|
|
if (isNextProd) {
|
|
process.env.NEXT_PRIVATE_MINIMAL_MODE = '1'
|
|
}
|
|
|
|
next = await createNext({
|
|
files: {
|
|
'pages/index.js': `
|
|
export default function Page() {
|
|
return <p>streaming</p>
|
|
}
|
|
export async function getServerSideProps() {
|
|
return { props: {} }
|
|
}`,
|
|
},
|
|
nextConfig: {
|
|
webpack(config, { nextRuntime }) {
|
|
const path = require('path')
|
|
const fs = require('fs')
|
|
|
|
const runtimeFilePath = path.join(__dirname, 'runtimes.txt')
|
|
let runtimeContent = ''
|
|
|
|
try {
|
|
runtimeContent = fs.readFileSync(runtimeFilePath, 'utf8')
|
|
runtimeContent += '\n'
|
|
} catch (_) {}
|
|
|
|
runtimeContent += nextRuntime || 'client'
|
|
|
|
fs.writeFileSync(runtimeFilePath, runtimeContent)
|
|
return config
|
|
},
|
|
},
|
|
})
|
|
})
|
|
afterAll(() => {
|
|
if (isNextProd) {
|
|
delete process.env.NEXT_PRIVATE_MINIMAL_MODE
|
|
}
|
|
next.destroy()
|
|
})
|
|
|
|
it('should pass correct nextRuntime values', async () => {
|
|
const content = await next.readFile('runtimes.txt')
|
|
expect(content.split('\n').sort()).toEqual(['client', 'edge', 'nodejs'])
|
|
})
|
|
|
|
it('should generate html response by streaming correctly', async () => {
|
|
const html = await renderViaHTTP(next.url, '/')
|
|
expect(html).toContain('streaming')
|
|
})
|
|
|
|
if (isNextProd) {
|
|
it('should have generated a static 404 page', async () => {
|
|
expect(await next.readFile('.next/server/pages/404.html')).toBeTruthy()
|
|
|
|
const res = await fetchViaHTTP(next.url, '/non-existent')
|
|
expect(res.status).toBe(404)
|
|
expect(await res.text()).toContain('This page could not be found')
|
|
})
|
|
}
|
|
})
|
|
}
|