mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
nextjs-botandGitHub
4fc3664eed
[diff facebook/[email protected]](https://github.com/facebook/react/compare/fef12a01...da9325b5) <details> <summary>React upstream changes</summary> - https://github.com/facebook/react/pull/35962 - https://github.com/facebook/react/pull/35961 - https://github.com/facebook/react/pull/36277 - https://github.com/facebook/react/pull/36297 - https://github.com/facebook/react/pull/36292 - https://github.com/facebook/react/pull/36291 - https://github.com/facebook/react/pull/36196 - https://github.com/facebook/react/pull/36246 - https://github.com/facebook/react/pull/36287 - https://github.com/facebook/react/pull/36285 - https://github.com/facebook/react/pull/36274 - https://github.com/facebook/react/pull/36266 - https://github.com/facebook/react/pull/36253 </details>
108 lines
3.3 KiB
TypeScript
108 lines
3.3 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
|
|
describe('app-dir - unstable_catchError', () => {
|
|
const { next, isNextDev } = nextTestSetup({
|
|
files: __dirname,
|
|
})
|
|
|
|
it('should recover Client Component error after reset', async () => {
|
|
const browser = await next.browser('/client-component')
|
|
|
|
// Try triggering and resetting a few times in a row
|
|
for (let i = 0; i < 5; i++) {
|
|
await browser
|
|
.elementByCss('#error-trigger-button')
|
|
.click()
|
|
.waitForElementByCss('#error-boundary-message')
|
|
|
|
expect(await browser.elementByCss('#error-boundary-message').text()).toBe(
|
|
'this is a test'
|
|
)
|
|
|
|
await browser
|
|
.elementByCss('#reset')
|
|
.click()
|
|
.waitForElementByCss('#error-trigger-button')
|
|
|
|
expect(await browser.elementByCss('#error-trigger-button').text()).toBe(
|
|
'Trigger Error!'
|
|
)
|
|
}
|
|
})
|
|
|
|
it('should recover Client Component error after unstable_retry', async () => {
|
|
const browser = await next.browser('/client-component')
|
|
|
|
// Try triggering and retrying a few times in a row
|
|
for (let i = 0; i < 5; i++) {
|
|
await browser
|
|
.elementByCss('#error-trigger-button')
|
|
.click()
|
|
.waitForElementByCss('#error-boundary-message')
|
|
|
|
expect(await browser.elementByCss('#error-boundary-message').text()).toBe(
|
|
'this is a test'
|
|
)
|
|
|
|
await browser
|
|
.elementByCss('#retry')
|
|
.click()
|
|
.waitForElementByCss('#error-trigger-button')
|
|
|
|
expect(await browser.elementByCss('#error-trigger-button').text()).toBe(
|
|
'Trigger Error!'
|
|
)
|
|
}
|
|
})
|
|
|
|
it('should recover Server Component error after unstable_retry', async () => {
|
|
const browser = await next.browser('/server-component')
|
|
|
|
expect(await browser.elementByCss('#error-boundary-message').text()).toBe(
|
|
isNextDev
|
|
? 'this is a test'
|
|
: 'Minified React error #441; visit https://react.dev/errors/441 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.'
|
|
)
|
|
|
|
await browser.elementByCss('#retry').click().waitForElementByCss('#recover')
|
|
|
|
expect(await browser.elementByCss('#recover').text()).toBe('Recovered')
|
|
})
|
|
|
|
it('should recover after reset on Pages Router', async () => {
|
|
const browser = await next.browser('/pages-router')
|
|
|
|
await browser
|
|
.elementByCss('#pages-trigger')
|
|
.click()
|
|
.waitForElementByCss('#pages-error-message')
|
|
|
|
expect(await browser.elementByCss('#pages-error-message').text()).toBe(
|
|
'this is a pages test'
|
|
)
|
|
|
|
await browser.eval(`document.getElementById('pages-reset')?.click()`)
|
|
await browser.waitForElementByCss('#pages-trigger')
|
|
|
|
expect(await browser.elementByCss('#pages-trigger').text()).toBe(
|
|
'Trigger Error!'
|
|
)
|
|
})
|
|
|
|
it('should throw when unstable_retry is called on Pages Router', async () => {
|
|
const browser = await next.browser('/pages-router')
|
|
|
|
await browser
|
|
.elementByCss('#pages-trigger')
|
|
.click()
|
|
.waitForElementByCss('#pages-error-message')
|
|
|
|
await browser.eval(`document.getElementById('pages-retry')?.click()`)
|
|
await browser.waitForElementByCss('#pages-retry-error')
|
|
|
|
expect(await browser.elementByCss('#pages-retry-error').text()).toBe(
|
|
'`unstable_retry()` can only be used in the App Router. Use `reset()` in the Pages Router.'
|
|
)
|
|
})
|
|
})
|