mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
*This doesn't enable skew protection for any new tests, only preparation* Prepare a lot of test assertions so that they work correctly when a `?dpl=123` query param is present: - some regexes should accept the query - some places assumed that the `<script>`'s `src` is a valid pathname, whereas it might have a query param that has to be stripped before removing the path - some hardcoded build ids instead of `next.buildId`
123 lines
3.9 KiB
TypeScript
123 lines
3.9 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
|
|
const isReact18 = parseInt(process.env.NEXT_TEST_REACT_VERSION) === 18
|
|
|
|
describe('custom server', () => {
|
|
const { next } = nextTestSetup({
|
|
files: __dirname,
|
|
startCommand: 'node server.js',
|
|
serverReadyPattern: /^- Local:/,
|
|
dependencies: {
|
|
'get-port': '5.1.1',
|
|
},
|
|
})
|
|
|
|
it.each(['a', 'b', 'c'])('can navigate to /%s', async (page) => {
|
|
const $ = await next.render$(`/${page}`)
|
|
expect($('p').text()).toBe(`Page ${page}`)
|
|
})
|
|
|
|
it('should log any error messages when server is started without "quiet" setting', async () => {
|
|
await next.render(`/error`)
|
|
expect(next.cliOutput).toInclude('Server side error')
|
|
})
|
|
|
|
describe('with app dir', () => {
|
|
it('should render app with react canary', async () => {
|
|
const $ = await next.render$(`/1`)
|
|
expect($('body').text()).toMatch(/app: .+-canary/)
|
|
})
|
|
|
|
it('should render pages with installed react', async () => {
|
|
const $ = await next.render$(`/2`)
|
|
if (isReact18) {
|
|
expect($('body').text()).toMatch(/pages: 18\.\d+\.\d+\{/)
|
|
} else {
|
|
expect($('body').text()).toMatch(/pages: 19\.\d+\.\d+/)
|
|
}
|
|
})
|
|
|
|
describe('when using "use cache" with a custom cache handler', () => {
|
|
it("should not unset the custom server's ALS context", async () => {
|
|
const cliOutputLength = next.cliOutput.length
|
|
const $ = await next.render$('/use-cache')
|
|
expect($('p').text()).toBe('inner cache')
|
|
const cliOutput = next.cliOutput.slice(cliOutputLength)
|
|
expect(cliOutput).toMatch(createCacheSetLogRegExp('outer'))
|
|
expect(cliOutput).toMatch(createCacheSetLogRegExp('inner'))
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
describe('custom server provided config', () => {
|
|
const { next } = nextTestSetup({
|
|
files: __dirname,
|
|
startCommand: 'node server.js',
|
|
serverReadyPattern: /^- Local:/,
|
|
dependencies: {
|
|
'get-port': '5.1.1',
|
|
},
|
|
env: {
|
|
PROVIDED_CONFIG: 'true',
|
|
},
|
|
})
|
|
|
|
it.each(['a', 'b', 'c'])('can navigate to /%s', async (page) => {
|
|
const $ = await next.render$(`/docs/${page}`)
|
|
expect($('p').text()).toBe(`Page ${page}`)
|
|
})
|
|
|
|
describe('with app dir', () => {
|
|
it('should render app with react canary', async () => {
|
|
const $ = await next.render$(`/docs/1`)
|
|
expect($('body').text()).toMatch(/app: .+-canary/)
|
|
})
|
|
|
|
it('should render pages with installed react', async () => {
|
|
const $ = await next.render$(`/docs/2`)
|
|
if (isReact18) {
|
|
expect($('body').text()).toMatch(/pages: 18\.\d+\.\d+\{/)
|
|
} else {
|
|
expect($('body').text()).toMatch(/pages: 19\.\d+\.\d+/)
|
|
}
|
|
})
|
|
|
|
describe('when using "use cache" with a custom cache handler', () => {
|
|
it("should not unset the custom server's ALS context", async () => {
|
|
const cliOutputLength = next.cliOutput.length
|
|
const $ = await next.render$('/docs/use-cache')
|
|
expect($('p').text()).toBe('inner cache')
|
|
const cliOutput = next.cliOutput.slice(cliOutputLength)
|
|
expect(cliOutput).toMatch(createCacheSetLogRegExp('outer'))
|
|
expect(cliOutput).toMatch(createCacheSetLogRegExp('inner'))
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
describe('custom server with quiet setting', () => {
|
|
const { next } = nextTestSetup({
|
|
files: __dirname,
|
|
startCommand: 'node server.js',
|
|
serverReadyPattern: /^- Local:/,
|
|
env: { USE_QUIET: 'true' },
|
|
dependencies: {
|
|
'get-port': '5.1.1',
|
|
},
|
|
})
|
|
|
|
it('should not log any error messages when server is started with "quiet" setting', async () => {
|
|
await next.render(`/error`)
|
|
expect(next.cliOutput).not.toInclude('Server side error')
|
|
})
|
|
})
|
|
|
|
function createCacheSetLogRegExp(id: string) {
|
|
// Expect a requestId, that's provided through ALS, to be present in the log
|
|
// message for the cache handler set call.
|
|
return new RegExp(
|
|
`set cache \\["[A-Za-z0-9_-]+","(?:[0-9a-f]{2})+",\\[{"id":"${id}"}]\\] requestId: \\d+`
|
|
)
|
|
}
|