.

Author: mdjastrzebski

src/__tests__/react-suspense.test.tsx

@@ -4,6 +4,9 @@ import TestRenderer, { type ReactTestRenderer } from 'react-test-renderer';
 
 import { configure, renderAsync, screen, within } from '..';
 
+const isReact19 = React.version.startsWith('19.');
+const testGateReact19 = isReact19 ? test : test.skip;
+
 configure({
   asyncUtilTimeout: 5000,
 });
@@ -16,75 +19,33 @@ function wait(delay: number) {
   );
 }
 
-function Suspendable<T>({ promise }: { promise: Promise<T> }) {
+function Suspending<T>({ promise }: { promise: Promise<T> }) {
   React.use(promise);
-  return <View testID="test" />;
+  return <View testID="view" />;
 }
 
-test('render supports components which can suspend', async () => {
+testGateReact19('render supports components which can suspend', async () => {
   await renderAsync(
     <View>
       <React.Suspense fallback={<View testID="fallback" />}>
-        <Suspendable promise={wait(100)} />
+        <Suspending promise={wait(100)} />
       </React.Suspense>
     </View>,
   );
 
   expect(screen.getByTestId('fallback')).toBeOnTheScreen();
-  expect(await screen.findByTestId('test')).toBeOnTheScreen();
-});
-
-test('react test renderer supports components which can suspend', async () => {
-  let renderer: ReactTestRenderer;
-
-  // eslint-disable-next-line require-await
-  await React.act(async () => {
-    renderer = TestRenderer.create(
-      <View>
-        <React.Suspense fallback={<View testID="fallback" />}>
-          <Suspendable promise={wait(100)} />
-        </React.Suspense>
-      </View>,
-    );
-  });
-
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  const view = within(renderer!.root);
-
-  expect(view.getByTestId('fallback')).toBeDefined();
-  expect(await view.findByTestId('test')).toBeDefined();
-});
-
-test('react test renderer supports components which can suspend 500', async () => {
-  let renderer: ReactTestRenderer;
-
-  // eslint-disable-next-line require-await
-  await React.act(async () => {
-    renderer = TestRenderer.create(
-      <View>
-        <React.Suspense fallback={<View testID="fallback" />}>
-          <Suspendable promise={wait(500)} />
-        </React.Suspense>
-      </View>,
-    );
-  });
-
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  const view = within(renderer!.root);
-
-  expect(view.getByTestId('fallback')).toBeDefined();
-  expect(await view.findByTestId('test')).toBeDefined();
+  expect(await screen.findByTestId('view')).toBeOnTheScreen();
 });
 
-test('react test renderer supports components which can suspend 1000ms', async () => {
+testGateReact19('react test renderer supports components which can suspend', async () => {
   let renderer: ReactTestRenderer;
 
   // eslint-disable-next-line require-await
   await React.act(async () => {
     renderer = TestRenderer.create(
       <View>
         <React.Suspense fallback={<View testID="fallback" />}>
-          <Suspendable promise={wait(1000)} />
+          <Suspending promise={wait(100)} />
         </React.Suspense>
       </View>,
     );
@@ -94,5 +55,5 @@ test('react test renderer supports components which can suspend 1000ms', async (
   const view = within(renderer!.root);
 
   expect(view.getByTestId('fallback')).toBeDefined();
-  expect(await view.findByTestId('test', undefined, { timeout: 5000 })).toBeDefined();
+  expect(await view.findByTestId('view')).toBeDefined();
 });