Update flakey dev context tests (#43951)

x-ref: https://github.com/vercel/next.js/actions/runs/3672193364/jobs/6208192356 x-ref: https://github.com/vercel/next.js/actions/runs/3672193364/jobs/6208192142 x-ref: https://github.com/vercel/next.js/actions/runs/3672172302/jobs/6208150047
vercel · Dec 12, 2022 · 6ba53d8 · 6ba53d8
1 parent 5cf7408
commit 6ba53d8
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 46 deletions.
diff --git a/test/development/acceptance-app/__snapshots__/server-components.test.ts.snap b/test/development/acceptance-app/__snapshots__/server-components.test.ts.snap
diff --git a/test/development/acceptance-app/server-components.test.ts b/test/development/acceptance-app/server-components.test.ts
@@ -3,6 +3,7 @@ import { sandbox } from './helpers'
 import { createNext, FileRef } from 'e2e-utils'
 import { NextInstance } from 'test/lib/next-modes/base'
 import path from 'path'
+import { check } from 'next-test-utils'
 
 describe('Error Overlay for server components', () => {
   if (process.env.NEXT_TEST_REACT_VERSION === '^17') {
@@ -51,7 +52,12 @@ describe('Error Overlay for server components', () => {
       await browser.refresh()
 
       expect(await session.hasRedbox(true)).toBe(true)
-      expect(await session.getRedboxSource(true)).toMatchSnapshot()
+      await check(async () => {
+        expect(await session.getRedboxSource(true)).toContain(
+          `TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component`
+        )
+        return 'success'
+      }, 'success')
       expect(next.cliOutput).toContain(
         'createContext only works in Client Components'
       )
@@ -100,7 +106,14 @@ describe('Error Overlay for server components', () => {
       await browser.refresh()
 
       expect(await session.hasRedbox(true)).toBe(true)
-      expect(await session.getRedboxSource(true)).toMatchSnapshot()
+
+      await check(async () => {
+        expect(await session.getRedboxSource(true)).toContain(
+          `TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component`
+        )
+        return 'success'
+      }, 'success')
+
       expect(next.cliOutput).toContain(
         'createContext only works in Client Components'
       )
@@ -149,11 +162,17 @@ describe('Error Overlay for server components', () => {
       await browser.refresh()
 
       expect(await session.hasRedbox(true)).toBe(true)
-      expect(await session.getRedboxSource(true)).toMatchSnapshot()
+
+      await check(async () => {
+        expect(await session.getRedboxSource(true)).toContain(
+          `TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component`
+        )
+        return 'success'
+      }, 'success')
+
       expect(next.cliOutput).toContain(
         'createContext only works in Client Components'
       )
-
       await cleanup()
     })
   })