Updates cache tests to expect failure when using cache in client comp…

…onents. React no longer caches functions in client contexts.
vercel · Feb 5, 2024 · 6ce3738 · 6ce3738
1 parent a2cb0ef
commit 6ce3738
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/test/e2e/app-dir/app/index.test.ts b/test/e2e/app-dir/app/index.test.ts
@@ -1545,14 +1545,18 @@ createNextDescribe(
           expect(val1).toBe(val2)
         })
 
-        it('client component', async () => {
+        // Caching behavior for client components removed in https://github.com/facebook/react/pull/27977
+        it('[EXPECT FAILURE] client component', async () => {
           const browser = await next.browser('/react-cache/client-component')
           const val1 = await browser.elementByCss('#value-1').text()
           const val2 = await browser.elementByCss('#value-2').text()
-          expect(val1).toBe(val2)
+          expect(() => {
+            expect(val1).toBe(val2)
+          }).toThrow()
         })
 
-        it('client component client-navigation', async () => {
+        // Caching behavior for client components removed in https://github.com/facebook/react/pull/27977
+        it('[EXPECT FAILURE] client component client-navigation', async () => {
           const browser = await next.browser('/react-cache')
 
           await browser
@@ -1561,7 +1565,9 @@ createNextDescribe(
             .waitForElementByCss('#value-1', 10000)
           const val1 = await browser.elementByCss('#value-1').text()
           const val2 = await browser.elementByCss('#value-2').text()
-          expect(val1).toBe(val2)
+          expect(() => {
+            expect(val1).toBe(val2)
+          }).toThrow()
         })
 
         it('middleware overriding headers', async () => {