{"files":[{"status":"M","path":"packages\/react-reconciler\/src\/__tests__\/ReactUse-test.js"}],"body":"`spyOnDev` is such a footgun.","parents":["defffdbba43f89b95d9f67a4fb0fa146c1211734"],"commit":{"authorName":"Ricky","subject":"[tests] fix hidden use() warnings (#31984)","revision":"83be48b9dee25737063ca64880f82ef9fea11737","authorEmail":"rickhanlonii@gmail.com","shortRevision":"83be48b9de","authoredAt":"2025-01-06T14:12:35-05:00"},"patch":"diff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactUse-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactUse-test.js\nindex 97d1df55d5..a120d6f250 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactUse-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactUse-test.js\n@@ -27,6 +27,7 @@ let waitForPaint;\n let assertLog;\n let waitForAll;\n let waitForMicrotasks;\n+let assertConsoleErrorDev;\n \n describe('ReactUse', () => {\n beforeEach(() => {\n@@ -51,6 +52,7 @@ describe('ReactUse', () => {\n waitForPaint = InternalTestUtils.waitForPaint;\n waitFor = InternalTestUtils.waitFor;\n waitForMicrotasks = InternalTestUtils.waitForMicrotasks;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n \n pendingTextRequests = new Map();\n });\n@@ -246,16 +248,19 @@ describe('ReactUse', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- startTransition(() => {\n- root.render();\n- });\n+ await act(() => {\n+ startTransition(() => {\n+ root.render();\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n 'A component was suspended by an uncached promise. Creating ' +\n 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n+ 'supported, except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' + ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n ]);\n assertLog(['ABC']);\n expect(root).toMatchRenderedOutput('ABC');\n@@ -416,19 +421,30 @@ describe('ReactUse', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- startTransition(() => {\n- root.render();\n- });\n+ await act(() => {\n+ startTransition(() => {\n+ root.render();\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n 'A component was suspended by an uncached promise. Creating ' +\n 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n+ 'supported, except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' +\n+ ' in ErrorBoundary (at **)\\n' +\n+ ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n 'A component was suspended by an uncached promise. Creating ' +\n 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n+ 'supported, except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' +\n+ ' in ErrorBoundary (at **)\\n' +\n+ ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n ]);\n assertLog([\n \/\/ First attempt. The uncached promise suspends.\n@@ -560,6 +576,7 @@ describe('ReactUse', () => {\n 'allowed and can lead to unexpected behavior. To handle errors ' +\n 'triggered by `use`, wrap your component in a error boundary.',\n );\n+ console.error.mockRestore();\n }\n });\n \n@@ -596,6 +613,13 @@ describe('ReactUse', () => {\n resolveTextRequests('Async');\n });\n assertLog(['Async text requested [Async]', 'Async']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)\\n' +\n+ ' in Suspense (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('Async');\n });\n \n@@ -639,6 +663,13 @@ describe('ReactUse', () => {\n });\n \/\/ This time it finishes because it was during a retry.\n assertLog(['Async text requested [Async]', 'Async']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)\\n' +\n+ ' in Suspense (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('Async');\n });\n \n@@ -886,6 +917,7 @@ describe('ReactUse', () => {\n root.render();\n });\n });\n+\n \/\/ Suspends while we wait for the async service to respond.\n assertLog(['Compute uppercase: Hello', 'Async text requested [HELLO!]']);\n expect(root).toMatchRenderedOutput(null);\n@@ -894,6 +926,13 @@ describe('ReactUse', () => {\n await act(() => {\n resolveTextRequests('HELLO!');\n });\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in ExcitingText (at **)',\n+ ]);\n+\n assertLog([\n \/\/ We shouldn't run the uppercase computation again, because we can reuse\n \/\/ the computation from the previous attempt.\n@@ -931,6 +970,13 @@ describe('ReactUse', () => {\n resolveTextRequests('apple');\n });\n assertLog(['Async text requested [apple]', 'apple carrot']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in Kitchen (at **)',\n+ ]);\n+\n expect(root).toMatchRenderedOutput('apple carrot');\n \n \/\/ Update the state variable after the use().\n@@ -945,6 +991,13 @@ describe('ReactUse', () => {\n resolveTextRequests('apple');\n });\n assertLog(['Async text requested [apple]', 'apple dill']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in Kitchen (at **)',\n+ ]);\n+\n expect(root).toMatchRenderedOutput('apple dill');\n \n \/\/ Update the state variable before the use(). The second state is maintained.\n@@ -959,6 +1012,12 @@ describe('ReactUse', () => {\n resolveTextRequests('banana');\n });\n assertLog(['Async text requested [banana]', 'banana dill']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in Kitchen (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('banana dill');\n });\n \n@@ -987,6 +1046,12 @@ describe('ReactUse', () => {\n resolveTextRequests('aguacate');\n });\n assertLog(['Async text requested [aguacate]', 'aguacate abogado']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in Lexicon (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('aguacate abogado');\n \n \/\/ Now update the state.\n@@ -1001,6 +1066,12 @@ describe('ReactUse', () => {\n resolveTextRequests('aguacate');\n });\n assertLog(['Async text requested [aguacate]', 'aguacate avocat']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in Lexicon (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('aguacate avocat');\n });\n \n@@ -1141,6 +1212,13 @@ describe('ReactUse', () => {\n 'Async text requested [B]',\n '(Loading B...)',\n ]);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in AsyncText (at **)\\n' +\n+ ' in Suspense (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('A(Loading B...)');\n \n await act(() => {\n@@ -1161,6 +1239,14 @@ describe('ReactUse', () => {\n 'Async text requested [C]',\n '(Loading C...)',\n ]);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in AsyncText (at **)\\n' +\n+ ' in Suspense (at **)\\n' +\n+ ' in Suspense (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('AB(Loading C...)');\n \n await act(() => {\n@@ -1173,6 +1259,15 @@ describe('ReactUse', () => {\n resolveTextRequests('C');\n });\n assertLog(['Async text requested [C]', 'C']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in AsyncText (at **)\\n' +\n+ ' in Suspense (at **)\\n' +\n+ ' in Suspense (at **)\\n' +\n+ ' in Suspense (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('ABC');\n });\n \n@@ -1202,6 +1297,22 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['A1']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' + ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' + ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('A1');\n });\n \n@@ -1231,7 +1342,12 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['Async text requested [Hi]']);\n-\n+ assertConsoleErrorDev([\n+ 'async\/await is not yet supported in Client Components, only Server Components. ' +\n+ \"This error is often caused by accidentally adding `'use client'` \" +\n+ 'to a module that was originally written for the server.\\n' +\n+ ' in App (at **)',\n+ ]);\n await act(() => resolveTextRequests('Hi'));\n assertLog([\n \/\/ TODO: We shouldn't have to replay the function body again. Skip\n@@ -1239,6 +1355,12 @@ describe('ReactUse', () => {\n 'Async text requested [Hi]',\n 'Hi',\n ]);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('Hi');\n });\n \n@@ -1268,6 +1390,12 @@ describe('ReactUse', () => {\n 'Async text requested [Hi]',\n 'Hi',\n ]);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('Hi');\n });\n \n@@ -1314,6 +1442,16 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['A', 'Mount: A']);\n+ assertConsoleErrorDev([\n+ 'async\/await is not yet supported in Client Components, only Server Components. ' +\n+ \"This error is often caused by accidentally adding `'use client'` \" +\n+ 'to a module that was originally written for the server.\\n' +\n+ ' in App (at **)',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('A');\n \n \/\/ Update the child's props. It should not remount.\n@@ -1323,6 +1461,12 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['B', 'Mount: B']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('B');\n });\n \n@@ -1535,6 +1679,16 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['Async']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in **\/ReactUse-test.js:**:** (at **)\\n' +\n+ ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('Async');\n expect(ref.current).toBe(asyncInstance);\n });\n@@ -1563,6 +1717,16 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['Async']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in **\/ReactUse-test.js:**:** (at **)\\n' +\n+ ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('Async');\n \n \/\/ Update to the same value\n@@ -1582,6 +1746,16 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['Async!']);\n+ assertConsoleErrorDev([\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in **\/ReactUse-test.js:**:** (at **)\\n' +\n+ ' in Suspense (at **)\\n') +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('Async!');\n });\n \n@@ -1631,6 +1805,41 @@ describe('ReactUse', () => {\n });\n });\n assertLog(['Async (function component)', 'Async (memo component)']);\n+ assertConsoleErrorDev([\n+ 'ContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ (gate('enableOwnerStacks') ? '' : ' in ContextProvider (at **)\\n') +\n+ ' in App (at **)',\n+ 'Async uses the legacy contextTypes API which will be removed soon. ' +\n+ 'Use React.createContext() with React.useContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' +\n+ ' in div (at **)\\n' +\n+ ' in Suspense (at **)\\n' +\n+ ' in ContextProvider (at **)\\n') +\n+ ' in App (at **)',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' +\n+ ' in div (at **)\\n' +\n+ ' in Suspense (at **)\\n' +\n+ ' in ContextProvider (at **)\\n') +\n+ ' in App (at **)',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : ' in Async (at **)\\n' +\n+ ' in div (at **)\\n' +\n+ ' in Suspense (at **)\\n' +\n+ ' in ContextProvider (at **)\\n') +\n+ ' in App (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput(\n <>\n

Async (function component)<\/div>\n@@ -1698,19 +1907,19 @@ describe('ReactUse', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root.render(\n- \n- \n- <\/ErrorBoundary>,\n- );\n- });\n- }).toErrorDev([\n- 'async\/await is not yet supported in Client Components, only ' +\n- 'Server Components. This error is often caused by accidentally ' +\n- \"adding `'use client'` to a module that was originally written \" +\n- 'for the server.',\n+ await act(async () => {\n+ root.render(\n+ \n+ \n+ <\/ErrorBoundary>,\n+ );\n+ });\n+ assertConsoleErrorDev([\n+ 'async\/await is not yet supported in Client Components, only Server Components. ' +\n+ \"This error is often caused by accidentally adding `'use client'` \" +\n+ 'to a module that was originally written for the server.\\n' +\n+ ' in AsyncClientComponent (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in ErrorBoundary (at **)'),\n ]);\n assertLog([\n 'async\/await is not yet supported in Client Components, only Server ' +\n@@ -1750,19 +1959,19 @@ describe('ReactUse', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root.render(\n- \n- \n- <\/ErrorBoundary>,\n- );\n- });\n- }).toErrorDev([\n- 'async\/await is not yet supported in Client Components, only ' +\n- 'Server Components. This error is often caused by accidentally ' +\n- \"adding `'use client'` to a module that was originally written \" +\n- 'for the server.',\n+ await act(async () => {\n+ root.render(\n+ \n+ \n+ <\/ErrorBoundary>,\n+ );\n+ });\n+ assertConsoleErrorDev([\n+ 'async\/await is not yet supported in Client Components, only Server Components. ' +\n+ \"This error is often caused by accidentally adding `'use client'` \" +\n+ 'to a module that was originally written for the server.\\n' +\n+ ' in AsyncClientComponent (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in ErrorBoundary (at **)'),\n ]);\n assertLog([\n 'async\/await is not yet supported in Client Components, only Server ' +\n@@ -1792,25 +2001,25 @@ describe('ReactUse', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- startTransition(() => {\n- root.render();\n- });\n+ await act(() => {\n+ startTransition(() => {\n+ root.render();\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n \/\/ Note: This used to log a different warning about not using hooks\n \/\/ inside async components, like we do on the server. Since then, we\n \/\/ decided to warn for _any_ async client component regardless of\n \/\/ whether the update is sync. But if we ever add back support for async\n \/\/ client components, we should add back the hook warning.\n- 'async\/await is not yet supported in Client Components, only Server ' +\n- 'Components. This error is often caused by accidentally adding ' +\n- \"`'use client'` to a module that was originally written for \" +\n- 'the server.',\n- 'A component was suspended by an uncached promise. Creating ' +\n- 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n+ 'async\/await is not yet supported in Client Components, only Server Components. ' +\n+ \"This error is often caused by accidentally adding `'use client'` \" +\n+ 'to a module that was originally written for the server.\\n' +\n+ ' in AsyncClientComponent (at **)',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in AsyncClientComponent (at **)',\n ]);\n },\n );\n@@ -1824,28 +2033,29 @@ describe('ReactUse', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- startTransition(() => {\n- root.render();\n- });\n+ await act(() => {\n+ startTransition(() => {\n+ root.render();\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n \/\/ Note: This used to log a different warning about not using hooks\n \/\/ inside async components, like we do on the server. Since then, we\n \/\/ decided to warn for _any_ async client component regardless of\n \/\/ whether the update is sync. But if we ever add back support for async\n \/\/ client components, we should add back the hook warning.\n- 'async\/await is not yet supported in Client Components, only Server ' +\n- 'Components. This error is often caused by accidentally adding ' +\n- \"`'use client'` to a module that was originally written for \" +\n- 'the server.',\n- 'A component was suspended by an uncached promise. Creating ' +\n- 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n- 'A component was suspended by an uncached promise. Creating ' +\n- 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n+ 'async\/await is not yet supported in Client Components, only Server Components. ' +\n+ \"This error is often caused by accidentally adding `'use client'` \" +\n+ 'to a module that was originally written for the server.\\n' +\n+ ' in AsyncClientComponent (at **)',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in AsyncClientComponent (at **)',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in AsyncClientComponent (at **)',\n ]);\n });\n \n@@ -1863,38 +2073,41 @@ describe('ReactUse', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- startTransition(() => {\n- root.render();\n- });\n+ await act(() => {\n+ startTransition(() => {\n+ root.render();\n });\n- }).toErrorDev([\n- 'async\/await is not yet supported in Client Components, only ' +\n- 'Server Components. This error is often caused by accidentally ' +\n- \"adding `'use client'` to a module that was originally written \" +\n- 'for the server.',\n+ });\n+ assertConsoleErrorDev([\n+ 'async\/await is not yet supported in Client Components, only Server Components. ' +\n+ \"This error is often caused by accidentally adding `'use client'` \" +\n+ 'to a module that was originally written for the server.\\n' +\n+ ' in App (at **)',\n ]);\n assertLog(['Async text requested [Hi]']);\n \n- await expect(async () => {\n- await act(() => resolveTextRequests('Hi'));\n- }).toErrorDev([\n+ await act(() => resolveTextRequests('Hi'));\n+ assertConsoleErrorDev([\n \/\/ We get this warning because the generator's promise themselves are not cached.\n- 'A component was suspended by an uncached promise. Creating ' +\n- 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)',\n ]);\n \n assertLog(['Async text requested [World]']);\n \n- if (gate('enableSiblingPrerendering')) {\n- await expect(async () => {\n- await act(() => resolveTextRequests('World'));\n- }).toErrorDev(['A component was suspended by an uncached promise.']);\n- } else {\n- await act(() => resolveTextRequests('World'));\n- }\n+ await act(() => resolveTextRequests('World'));\n+ assertConsoleErrorDev(\n+ gate('enableSiblingPrerendering')\n+ ? [\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in App (at **)',\n+ ]\n+ : [],\n+ );\n \n assertLog(['Hi', 'World']);\n expect(root).toMatchRenderedOutput('Hi World');\n@@ -1928,24 +2141,30 @@ describe('ReactUse', () => {\n });\n assertLog(['Async text requested [Hi]']);\n \n- await expect(async () => {\n- await act(() => resolveTextRequests('Hi'));\n- }).toErrorDev([\n+ await act(() => resolveTextRequests('Hi'));\n+ assertConsoleErrorDev([\n \/\/ We get this warning because the generator's promise themselves are not cached.\n- 'A component was suspended by an uncached promise. Creating ' +\n- 'promises inside a Client Component or hook is not yet ' +\n- 'supported, except via a Suspense-compatible library or framework.',\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in div (at **)\\n' +\n+ ' in App (at **)',\n ]);\n \n assertLog(['Async text requested [World]']);\n \n- if (gate('enableSiblingPrerendering')) {\n- await expect(async () => {\n- await act(() => resolveTextRequests('World'));\n- }).toErrorDev(['A component was suspended by an uncached promise.']);\n- } else {\n- await act(() => resolveTextRequests('World'));\n- }\n+ await act(() => resolveTextRequests('World'));\n+ assertConsoleErrorDev(\n+ gate('enableSiblingPrerendering')\n+ ? [\n+ 'A component was suspended by an uncached promise. ' +\n+ 'Creating promises inside a Client Component or hook is not yet supported, ' +\n+ 'except via a Suspense-compatible library or framework.\\n' +\n+ ' in div (at **)\\n' +\n+ ' in App (at **)',\n+ ]\n+ : [],\n+ );\n \n assertLog(['Hi', 'World']);\n expect(root).toMatchRenderedOutput(

Hi World<\/div>);\n"}

dillon1000/react

Files changed