2023-03-16 21:46:35 +01:00
|
|
|
import { nextTestSetup } from 'e2e-utils'
|
|
|
|
|
|
|
|
describe('searchparams-static-bailout', () => {
|
|
|
|
const { next, isNextStart } = nextTestSetup({
|
|
|
|
files: __dirname,
|
|
|
|
dependencies: {
|
|
|
|
nanoid: '4.0.1',
|
|
|
|
},
|
|
|
|
})
|
|
|
|
|
|
|
|
describe('server component', () => {
|
|
|
|
it('should bailout when using searchParams', async () => {
|
|
|
|
const url = '/server-component-page?search=hello'
|
|
|
|
const $ = await next.render$(url)
|
|
|
|
expect($('h1').text()).toBe('Parameter: hello')
|
|
|
|
|
|
|
|
// Check if the page is not statically generated.
|
|
|
|
if (isNextStart) {
|
|
|
|
const id = $('#nanoid').text()
|
|
|
|
const $2 = await next.render$(url)
|
|
|
|
const id2 = $2('#nanoid').text()
|
|
|
|
expect(id).not.toBe(id2)
|
2024-04-25 20:06:12 +02:00
|
|
|
}
|
|
|
|
})
|
|
|
|
|
2023-03-16 21:46:35 +01:00
|
|
|
it('should not bailout when not using searchParams', async () => {
|
|
|
|
const url = '/server-component-without-searchparams?search=hello'
|
|
|
|
|
|
|
|
const $ = await next.render$(url)
|
|
|
|
expect($('h1').text()).toBe('No searchParams used')
|
|
|
|
|
|
|
|
// Check if the page is not statically generated.
|
|
|
|
if (isNextStart) {
|
|
|
|
const id = $('#nanoid').text()
|
|
|
|
const $2 = await next.render$(url)
|
|
|
|
const id2 = $2('#nanoid').text()
|
|
|
|
expect(id).toBe(id2)
|
|
|
|
}
|
|
|
|
})
|
2024-04-25 20:06:12 +02:00
|
|
|
})
|
2023-03-16 21:46:35 +01:00
|
|
|
|
|
|
|
describe('client component', () => {
|
|
|
|
it('should bailout when using searchParams', async () => {
|
|
|
|
const url = '/client-component-page?search=hello'
|
|
|
|
const $ = await next.render$(url)
|
|
|
|
expect($('h1').text()).toBe('Parameter: hello')
|
|
|
|
|
|
|
|
// Check if the page is not statically generated.
|
|
|
|
if (isNextStart) {
|
|
|
|
const id = $('#nanoid').text()
|
|
|
|
const $2 = await next.render$(url)
|
|
|
|
const id2 = $2('#nanoid').text()
|
|
|
|
expect(id).not.toBe(id2)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
|
|
it('should bailout when using searchParams is passed to client component', async () => {
|
|
|
|
const url = '/client-component?search=hello'
|
|
|
|
const $ = await next.render$(url)
|
|
|
|
expect($('h1').text()).toBe('Parameter: hello')
|
|
|
|
|
|
|
|
// Check if the page is not statically generated.
|
|
|
|
if (isNextStart) {
|
|
|
|
const id = $('#nanoid').text()
|
|
|
|
const $2 = await next.render$(url)
|
|
|
|
const id2 = $2('#nanoid').text()
|
|
|
|
expect(id).not.toBe(id2)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
|
|
it('should not bailout when not using searchParams', async () => {
|
|
|
|
const url = '/client-component-without-searchparams?search=hello'
|
|
|
|
const $ = await next.render$(url)
|
|
|
|
expect($('h1').text()).toBe('No searchParams used')
|
|
|
|
|
|
|
|
// Check if the page is not statically generated.
|
|
|
|
if (isNextStart) {
|
|
|
|
const id = $('#nanoid').text()
|
|
|
|
const $2 = await next.render$(url)
|
|
|
|
const id2 = $2('#nanoid').text()
|
|
|
|
expect(id).toBe(id2)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|