mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Aurora Scharff
4e3eb5137e
### What? - Rename cards to plain English: `Prerender params if known`, `Mark the route as dynamic`, `For telemetry, use a timing API`. - Remove `Wrap body in Suspense` card from viewport variants. - Body errors: `during the initial render` → `during prerendering`; `blocking navigation` → `blocking the page load`. - Server sync IO leads with `the unstable value <expression>`. - Client sync IO drops `fixed at build time`. - New loading-state icon for the `block` group. ### Demo - [Fix Overview](https://error-messages-overhaul-ibsl.labs.vercel.dev/fix-overview) <!-- NEXT_JS_LLM_PR --> --------- Co-authored-by: Cursor <cursoragent@cursor.com>
87 lines
2.7 KiB
TypeScript
87 lines
2.7 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
import {
|
|
getRedboxDescription,
|
|
openRedbox,
|
|
waitForNoRedbox,
|
|
retry,
|
|
} from 'next-test-utils'
|
|
|
|
describe('Cache Components Dev Errors', () => {
|
|
const { next } = nextTestSetup({
|
|
files: __dirname,
|
|
})
|
|
|
|
it('should not show a red box error on the SSR render', async () => {
|
|
const browser = await next.browser('/cached')
|
|
await waitForNoRedbox(browser)
|
|
let latestValue = await browser.elementByCss('#value').text()
|
|
|
|
await browser.refresh()
|
|
await waitForNoRedbox(browser)
|
|
let priorValue = latestValue
|
|
latestValue = await browser.elementByCss('#value').text()
|
|
|
|
expect(latestValue).toBe(priorValue)
|
|
|
|
await browser.elementByCss('#refresh').click()
|
|
await retry(async () => {
|
|
await waitForNoRedbox(browser)
|
|
let priorValue = latestValue
|
|
latestValue = await browser.elementByCss('#value').text()
|
|
expect(latestValue).not.toBe(priorValue)
|
|
})
|
|
|
|
await browser.elementByCss('#refresh').click()
|
|
await retry(async () => {
|
|
await waitForNoRedbox(browser)
|
|
let priorValue = latestValue
|
|
latestValue = await browser.elementByCss('#value').text()
|
|
expect(latestValue).not.toBe(priorValue)
|
|
})
|
|
|
|
// TODO CI is too flakey to run tests like this b/c timing cannot be controlled.
|
|
// we need to land this so we're deactivating these assertions for now.
|
|
// you should be able to reproduce the assertions below when testing locally
|
|
|
|
// await browser.elementByCss('#reload').click()
|
|
// await retry(async () => {
|
|
// await waitForNoRedbox(browser)
|
|
// let priorValue = latestValue
|
|
// latestValue = await browser.elementByCss('#value').text()
|
|
// expect(latestValue).toBe(priorValue)
|
|
// })
|
|
|
|
// await browser.elementByCss('#reload').click()
|
|
// await retry(async () => {
|
|
// await waitForNoRedbox(browser)
|
|
// let priorValue = latestValue
|
|
// latestValue = await browser.elementByCss('#value').text()
|
|
// expect(latestValue).toBe(priorValue)
|
|
// })
|
|
|
|
// await browser.elementByCss('#refresh').click()
|
|
// await retry(async () => {
|
|
// await waitForNoRedbox(browser)
|
|
// let priorValue = latestValue
|
|
// latestValue = await browser.elementByCss('#value').text()
|
|
// expect(latestValue).not.toBe(priorValue)
|
|
// })g
|
|
})
|
|
|
|
it('should show a red box error on the SSR render when data is uncached', async () => {
|
|
let desc
|
|
|
|
const browser = await next.browser('/uncached')
|
|
await openRedbox(browser)
|
|
desc = await getRedboxDescription(browser)
|
|
|
|
expect(desc).toContain('during prerendering')
|
|
|
|
await browser.refresh()
|
|
await openRedbox(browser)
|
|
desc = await getRedboxDescription(browser)
|
|
|
|
expect(desc).toContain('during prerendering')
|
|
})
|
|
})
|