add test for turbopack refresh error (vercel#55447)

Closes WEB-1584
X-oss-byte · Sep 15, 2023 · e191ae3 · e191ae3
1 parent b3a916c
commit e191ae3
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 0 deletions.
diff --git a/test/development/app-dir/basic/app/layout.js b/test/development/app-dir/basic/app/layout.js
@@ -0,0 +1,7 @@
+export default function Root({ children }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/test/development/app-dir/basic/app/page.js b/test/development/app-dir/basic/app/page.js
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <p>Page</p>
+}
diff --git a/test/development/app-dir/basic/basic.test.ts b/test/development/app-dir/basic/basic.test.ts
@@ -0,0 +1,26 @@
+import { nextTestSetup } from 'e2e-utils'
+import { describeVariants as describe, waitFor } from 'next-test-utils'
+import { sandbox, waitForHydration } from 'development-sandbox'
+
+describe.each(['default', 'turbo'])('basic app-dir tests', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should reload app pages without error', async () => {
+    const { session, cleanup, browser } = await sandbox(next, undefined, '/')
+    expect(await session.hasRedbox(false)).toBe(false)
+
+    browser.refresh()
+
+    await waitFor(750)
+    await waitForHydration(browser)
+
+    for (let i = 0; i < 15; i++) {
+      expect(await session.hasRedbox(false)).toBe(false)
+      await waitFor(1000)
+    }
+
+    await cleanup()
+  })
+})
diff --git a/test/turbopack-tests-manifest.js b/test/turbopack-tests-manifest.js
@@ -5,6 +5,7 @@ const enabledTests = [
   'test/development/acceptance-app/server-components.test.ts',
   'test/development/acceptance/hydration-error.test.ts',
   'test/development/api-cors-with-rewrite/index.test.ts',
+  'test/development/app-dir/basic/basic.test.ts',
   'test/development/app-dir/multiple-compiles-single-route/multiple-compiles-single-route.test.ts',
   'test/development/app-dir/strict-mode-enabled-by-default/strict-mode-enabled-by-default.test.ts',
   'test/development/basic/define-class-fields.test.ts',