mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Janka Uryga
bd90b6c581
In Cache Components, bound args encryption needs to be cached (and tracked with cacheSignal) because it's tasky. We use the serialized bound args themselves as a cache key. However, in dev, the key ends up containing debug info (in particular, timing information) so it's different every time . This causes a cache miss and results in a static shell validation failure. The fix is to use a dummy debug channel to pipe the problematic debug info into the void and thus make the key be deterministic.
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
import { waitForNoRedbox, retry } from 'next-test-utils'
|
|
|
|
describe('cache-components', () => {
|
|
const { next, isNextDev } = nextTestSetup({
|
|
files: __dirname,
|
|
})
|
|
|
|
it('should not fail decoding server action arguments', async () => {
|
|
const browser = await next.browser('/server-action')
|
|
expect(await browser.elementByCss('p').text()).toBe('initial')
|
|
await browser.elementByCss('button').click()
|
|
|
|
await retry(async () => {
|
|
expect(await browser.elementByCss('p').text()).toBe('result')
|
|
})
|
|
})
|
|
|
|
it('should not have cache components errors when encoding bound args for inline server actions', async () => {
|
|
const browser = await next.browser('/server-action-inline')
|
|
expect(await browser.elementByCss('p').text()).toBe('initial')
|
|
if (isNextDev) {
|
|
await waitForNoRedbox(browser)
|
|
}
|
|
|
|
await browser.elementByCss('button').click()
|
|
await retry(async () => {
|
|
expect(await browser.elementByCss('p').text()).toBe(
|
|
'result and more and even more'
|
|
)
|
|
})
|
|
|
|
expect(next.cliOutput).not.toInclude('Error: Route "/server-action-inline"')
|
|
})
|
|
|
|
it('should prerender pages with inline server actions', async () => {
|
|
let $ = await next.render$('/server-action-inline', {})
|
|
|
|
if (isNextDev) {
|
|
expect($('#layout').text()).toBe('at runtime')
|
|
expect($('#page').text()).toBe('at runtime')
|
|
} else {
|
|
expect($('#layout').text()).toBe('at buildtime')
|
|
expect($('#page').text()).toBe('at buildtime')
|
|
}
|
|
})
|
|
})
|