Merge branch 'vercel:canary' into typo-fix

vercel · Jan 11, 2024 · 8dd9274 · 8dd9274
2 parents 600ae40 + 5836a49
commit 8dd9274
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 2 deletions.
diff --git a/test/development/acceptance-app/hydration-error.test.ts b/test/development/acceptance-app/hydration-error.test.ts
@@ -17,7 +17,7 @@ describe('Error overlay for hydration errors', () => {
   })
 
   it('should show correct hydration error when client and server render different text', async () => {
-    const { cleanup, session } = await sandbox(
+    const { cleanup, session, browser } = await sandbox(
       next,
       new Map([
         [
@@ -47,6 +47,24 @@ describe('Error overlay for hydration errors', () => {
       See more info here: https://nextjs.org/docs/messages/react-hydration-error"
     `)
 
+    await session.patch(
+      'app/page.js',
+      outdent`
+      'use client'
+      export default function Mismatch() {
+        return (
+          <div className="parent">
+            <main className="child">Value</main>
+          </div>
+        );
+      }
+    `
+    )
+
+    expect(await session.hasRedbox()).toBe(false)
+
+    expect(await browser.elementByCss('.child').text()).toBe('Value')
+
     await cleanup()
   })
 

diff --git a/test/development/acceptance/hydration-error.test.ts b/test/development/acceptance/hydration-error.test.ts
@@ -15,7 +15,7 @@ describe('Error overlay for hydration errors', () => {
   })
 
   it('should show correct hydration error when client and server render different text', async () => {
-    const { cleanup, session } = await sandbox(
+    const { cleanup, session, browser } = await sandbox(
       next,
       new Map([
         [
@@ -44,6 +44,23 @@ describe('Error overlay for hydration errors', () => {
       See more info here: https://nextjs.org/docs/messages/react-hydration-error"
     `)
 
+    await session.patch(
+      'index.js',
+      outdent`
+      export default function Mismatch() {
+          return (
+            <div className="parent">
+              <main className="child">Value</main>
+            </div>
+          );
+        }
+    `
+    )
+
+    expect(await session.hasRedbox()).toBe(false)
+
+    expect(await browser.elementByCss('.child').text()).toBe('Value')
+
     await cleanup()
   })
 })