mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Jiachi LiuandGitHub
4d4b45ec2c
Dev overlay should show the full stack trace after clicking the uncollase button to display the full component stack Closes NEXT-2658
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
/* eslint-env jest */
|
|
import { createNextDescribe } from 'e2e-utils'
|
|
import { getRedboxComponentStack, hasRedbox } from 'next-test-utils'
|
|
import path from 'path'
|
|
|
|
createNextDescribe(
|
|
'Component Stack in error overlay',
|
|
{
|
|
files: path.join(__dirname, 'fixtures', 'component-stack'),
|
|
},
|
|
({ next }) => {
|
|
it('should show a component stack on hydration error', async () => {
|
|
const browser = await next.browser('/')
|
|
|
|
expect(await hasRedbox(browser)).toBe(true)
|
|
|
|
if (process.env.TURBOPACK) {
|
|
expect(await getRedboxComponentStack(browser)).toMatchInlineSnapshot(`
|
|
"...
|
|
<App>
|
|
<Mismatch>
|
|
<main>
|
|
<Component>
|
|
<div>
|
|
<p>
|
|
"server"
|
|
"client""
|
|
`)
|
|
} else {
|
|
expect(await getRedboxComponentStack(browser)).toMatchInlineSnapshot(`
|
|
"<Mismatch>
|
|
<main>
|
|
<Component>
|
|
<div>
|
|
<p>
|
|
"server"
|
|
"client""
|
|
`)
|
|
}
|
|
})
|
|
}
|
|
)
|