failing test for infinite loading bug

ztanner · ztanner · commit b60417366ccb · 2025-02-05T17:36:14.000-08:00
diff --git a/test/e2e/app-dir/client-component-deduping/app/ClientComponent.tsx b/test/e2e/app-dir/client-component-deduping/app/ClientComponent.tsx
@@ -0,0 +1,7 @@
+'use client'
+
+const ClientComponent = ({ propA, propB }: { propA: any; propB: any }) => {
+  return <div>hello world</div>
+}
+
+export default ClientComponent
diff --git a/test/e2e/app-dir/client-component-deduping/app/favicon.ico b/test/e2e/app-dir/client-component-deduping/app/favicon.ico
diff --git a/test/e2e/app-dir/client-component-deduping/app/layout.tsx b/test/e2e/app-dir/client-component-deduping/app/layout.tsx
@@ -0,0 +1,7 @@
+export default function Root({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/client-component-deduping/app/loading.tsx b/test/e2e/app-dir/client-component-deduping/app/loading.tsx
@@ -0,0 +1,3 @@
+export default function Loading() {
+  return <div>loading...</div>
+}
diff --git a/test/e2e/app-dir/client-component-deduping/app/page.tsx b/test/e2e/app-dir/client-component-deduping/app/page.tsx
@@ -0,0 +1,15 @@
+import ClientComponent from './ClientComponent'
+
+export default async function Page() {
+  const reference = {
+    id: 3,
+  }
+
+  const dataObject = new Map([[3, reference]])
+
+  return (
+    <div>
+      <ClientComponent propA={reference} propB={dataObject} />
+    </div>
+  )
+}
diff --git a/test/e2e/app-dir/client-component-deduping/client-component-deduping.test.ts b/test/e2e/app-dir/client-component-deduping/client-component-deduping.test.ts
@@ -0,0 +1,12 @@
+import { nextTestSetup } from 'e2e-utils'
+
+describe('client-component-deduping', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should load the client component', async () => {
+    const html = await next.render('/')
+    expect(html).toContain('hello world')
+  })
+})
diff --git a/test/e2e/app-dir/client-component-deduping/next.config.js b/test/e2e/app-dir/client-component-deduping/next.config.js
@@ -0,0 +1,10 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+  experimental: {
+    newDevOverlay: true,
+  },
+}
+
+module.exports = nextConfig

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function Loading() {`
	`2`	`+ return <div>loading...</div>`
	`3`	`+}`