first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/development/app-dir/error-overlay/error-ignored-frames/app/client/page.tsx
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/app/client/page.tsx
@@ -0,0 +1,6 @@
+'use client'
+
+export default function Page() {
+  throw new Error('client error')
+  return <p>hello world</p>
+}
--- a/test/development/app-dir/error-overlay/error-ignored-frames/app/interleaved/page.tsx
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/app/interleaved/page.tsx
@@ -0,0 +1,13 @@
+'use client'
+
+import { invokeCallback } from 'interleave'
+
+export default function Page() {
+  const throwError = invokeCallback(() => {
+    throw new Error('interleaved error')
+  }, [])
+
+  throwError()
+
+  return <p>fail</p>
+}
--- a/test/development/app-dir/error-overlay/error-ignored-frames/app/layout.tsx
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/app/layout.tsx
@@ -0,0 +1,8 @@
+import { ReactNode } from 'react'
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/development/app-dir/error-overlay/error-ignored-frames/app/page.tsx
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/app/page.tsx
@@ -0,0 +1,4 @@
+export default function Page() {
+  throw new Error('server error')
+  return <p>hello world</p>
+}
--- a/test/development/app-dir/error-overlay/error-ignored-frames/error-ignored-frames.test.ts
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/error-ignored-frames.test.ts
@@ -0,0 +1,114 @@
+import { nextTestSetup } from 'e2e-utils'
+import {
+  waitForRedbox,
+  getRedboxCallStack,
+  toggleCollapseCallStackFrames,
+} from 'next-test-utils'
+
+describe('error-ignored-frames', () => {
+  const { isTurbopack, next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should be able to collapse ignored frames in server component', async () => {
+    const browser = await next.browser('/')
+    await waitForRedbox(browser)
+
+    const defaultStack = await getRedboxCallStack(browser)
+    expect(defaultStack).toMatchInlineSnapshot(`
+     [
+       "Page app/page.tsx (2:9)",
+     ]
+    `)
+
+    await toggleCollapseCallStackFrames(browser)
+
+    const expandedStack = await getRedboxCallStack(browser)
+    const ignoreListedStack = expandedStack.filter(
+      (line) => !defaultStack.includes(line)
+    )
+    // We don't care about the exact stack trace that was ignore-listed.
+    // It'll contain implementation details that may change and
+    // shouldn't break this test.
+    expect(ignoreListedStack).not.toHaveLength(0)
+  })
+
+  it('should be able to collapse ignored frames in client component', async () => {
+    const browser = await next.browser('/client')
+    await waitForRedbox(browser)
+
+    const defaultStack = await getRedboxCallStack(browser)
+    expect(defaultStack).toMatchInlineSnapshot(`
+     [
+       "Page app/client/page.tsx (4:9)",
+     ]
+    `)
+
+    await toggleCollapseCallStackFrames(browser)
+
+    const expandedStack = await getRedboxCallStack(browser)
+    const ignoreListedStack = expandedStack.filter(
+      (line) => !defaultStack.includes(line)
+    )
+    // We don't care about the exact stack trace that was ignore-listed.
+    // It'll contain implementation details that may change and
+    // shouldn't break this test.
+    expect(ignoreListedStack).not.toHaveLength(0)
+  })
+
+  it('should be able to collapse ignored frames in interleaved call stack', async () => {
+    const browser = await next.browser('/interleaved')
+    await waitForRedbox(browser)
+
+    const defaultStack = await getRedboxCallStack(browser)
+    if (isTurbopack) {
+      expect(defaultStack).toMatchInlineSnapshot(`
+       [
+         "<unknown> app/interleaved/page.tsx (7:11)",
+         "Page app/interleaved/page.tsx (6:36)",
+       ]
+      `)
+    } else {
+      expect(defaultStack).toMatchInlineSnapshot(`
+       [
+         "eval app/interleaved/page.tsx (7:11)",
+         "Page app/interleaved/page.tsx (6:36)",
+       ]
+      `)
+    }
+
+    await toggleCollapseCallStackFrames(browser)
+
+    const expandedStack = await getRedboxCallStack(browser)
+    const ignoreListedStack = expandedStack.filter(
+      (line) => !defaultStack.includes(line)
+    )
+    // We don't care about the exact stack trace that was ignore-listed.
+    // It'll contain implementation details that may change and
+    // shouldn't break this test.
+    expect(ignoreListedStack).not.toHaveLength(0)
+  })
+
+  it('should be able to collapse pages router ignored frames', async () => {
+    const browser = await next.browser('/pages')
+    await waitForRedbox(browser)
+
+    const defaultStack = await getRedboxCallStack(browser)
+    expect(defaultStack).toMatchInlineSnapshot(`
+     [
+       "Page pages/pages.tsx (2:9)",
+     ]
+    `)
+
+    await toggleCollapseCallStackFrames(browser)
+
+    const expandedStack = await getRedboxCallStack(browser)
+    const ignoreListedStack = expandedStack.filter(
+      (line) => !defaultStack.includes(line)
+    )
+    // We don't care about the exact stack trace that was ignore-listed.
+    // It'll contain implementation details that may change and
+    // shouldn't break this test.
+    expect(ignoreListedStack).not.toHaveLength(0)
+  })
+})
--- a/test/development/app-dir/error-overlay/error-ignored-frames/next.config.js
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/next.config.js
@@ -0,0 +1,6 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {}
+
+module.exports = nextConfig
--- a/test/development/app-dir/error-overlay/error-ignored-frames/node_modules/interleave/index.js
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/node_modules/interleave/index.js
@@ -0,0 +1,3 @@
+export function invokeCallback(cb) {
+  cb()
+}
--- a/test/development/app-dir/error-overlay/error-ignored-frames/node_modules/interleave/package.json
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/node_modules/interleave/package.json
@@ -0,0 +1,4 @@
+{
+  "type": "module",
+  "main": "index.js"
+}
--- a/test/development/app-dir/error-overlay/error-ignored-frames/pages/pages.tsx
+++ b/test/development/app-dir/error-overlay/error-ignored-frames/pages/pages.tsx
@@ -0,0 +1,4 @@
+export default function Page() {
+  throw new Error('boom')
+  return <p>hello world</p>
+}