Wrap Posts in Suspense to differentiate test expectations

facebook · Mar 25, 2024 · 36f7400 · 36f7400
1 parent 84a9438
commit 36f7400
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOM-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOM-test.js
@@ -891,14 +891,19 @@ describe('ReactFlightDOM', () => {
     expect(container.innerHTML).toBe('<p>loading</p>');
 
     const donePromise = createResolvablePromise();
-    const value = <Posts />;
+
+    const value = (
+      <Suspense fallback={<p>loading posts</p>}>
+        <Posts />
+      </Suspense>
+    );
 
     await act(async () => {
       suspendedChunk.resolve({value, done: false, next: donePromise.promise});
       donePromise.resolve({value, done: true});
     });
 
-    expect(container.innerHTML).toBe('<p>loading</p>');
+    expect(container.innerHTML).toBe('<p>loading posts</p>');
 
     await act(async () => {
       await resolvePostsData('posts');