fake timers

Author: mdjastrzebski

src/__tests__/render-async-fake-timers.tsx

@@ -0,0 +1,62 @@
+/* eslint-disable jest/no-standalone-expect */
+import * as React from 'react';
+import { View } from 'react-native';
+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;
+
+jest.useFakeTimers();
+
+configure({
+  asyncUtilTimeout: 5000,
+});
+
+function wait(delay: number) {
+  return new Promise<void>((resolve) =>
+    setTimeout(() => {
+      resolve();
+    }, delay),
+  );
+}
+
+function Suspending<T>({ promise }: { promise: Promise<T> }) {
+  React.use(promise);
+  return <View testID="view" />;
+}
+
+testGateReact19('renderAsync supports components which can suspend', async () => {
+  await renderAsync(
+    <View>
+      <React.Suspense fallback={<View testID="fallback" />}>
+        <Suspending promise={wait(100)} />
+      </React.Suspense>
+    </View>,
+  );
+
+  expect(screen.getByTestId('fallback')).toBeOnTheScreen();
+  expect(await screen.findByTestId('view')).toBeOnTheScreen();
+});
+
+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" />}>
+          <Suspending 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('view')).toBeDefined();
+});

src/__tests__/react-suspense.test.tsx renamed to src/__tests__/render-async.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable jest/no-standalone-expect */
 import * as React from 'react';
 import { View } from 'react-native';
 import TestRenderer, { type ReactTestRenderer } from 'react-test-renderer';
@@ -24,7 +25,7 @@ function Suspending<T>({ promise }: { promise: Promise<T> }) {
   return <View testID="view" />;
 }
 
-testGateReact19('render supports components which can suspend', async () => {
+testGateReact19('renderAsync supports components which can suspend', async () => {
   await renderAsync(
     <View>
       <React.Suspense fallback={<View testID="fallback" />}>