first commit

test/integration/custom-error-page-exception/pages/_error.js

@@ -0,0 +1,11 @@
+let renderCount = 0
+
+export default function Error() {
+  renderCount++
+
+  // Guard to avoid endless loop crashing the browser tab.
+  if (typeof window !== 'undefined' && renderCount < 3) {
+    throw new Error('crash')
+  }
+  return `error threw ${renderCount} times`
+}

test/integration/custom-error-page-exception/pages/index.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import Link from 'next/link'
+
+function page() {
+  return (
+    <Link href="/" id="nav">
+      Client side nav
+    </Link>
+  )
+}
+
+page.getInitialProps = () => {
+  if (typeof window !== 'undefined') {
+    throw new Error('Oops from Home')
+  }
+  return {}
+}
+
+export default page

test/integration/custom-error-page-exception/test/index.test.ts

@@ -0,0 +1,39 @@
+/* eslint-env jest */
+
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+import { nextBuild, nextStart, findPort, killApp, check } from 'next-test-utils'
+
+const appDir = join(__dirname, '..')
+const nodeArgs = ['-r', join(appDir, '../../lib/react-channel-require-hook.js')]
+let appPort
+let app
+
+// TODO: re-enable with React 18
+describe.skip('Custom error page exception', () => {
+  ;(process.env.TURBOPACK_DEV ? describe.skip : describe)(
+    'production mode',
+    () => {
+      beforeAll(async () => {
+        await nextBuild(appDir, undefined, {
+          nodeArgs,
+        })
+        appPort = await findPort()
+        app = await nextStart(appDir, appPort, {
+          nodeArgs,
+        })
+      })
+      afterAll(() => killApp(app))
+      it('should handle errors from _error render', async () => {
+        const navSel = '#nav'
+        const browser = await webdriver(appPort, '/')
+        await browser.waitForElementByCss(navSel).elementByCss(navSel).click()
+
+        await check(
+          () => browser.eval('document.documentElement.innerHTML'),
+          /Application error: a client-side exception has occurred/
+        )
+      })
+    }
+  )
+})