refactor: modify pressable implemenatation

Author: mdjastrzebski

src/user-event/press/press.ts

@@ -1,4 +1,5 @@
 import { ReactTestInstance } from 'react-test-renderer';
+import act from '../../act';
 import { getHostParent } from '../../helpers/component-tree';
 import { isTextInputEditable } from '../../helpers/text-input';
 import { isPointerEventEnabled } from '../../helpers/pointer-events';
@@ -18,7 +19,7 @@ export interface PressOptions {
 export async function press(this: UserEventInstance, element: ReactTestInstance): Promise<void> {
   await basePress(this.config, element, {
     type: 'press',
-    duration: 0,
+    duration: DEFAULT_MIN_PRESS_DURATION,
   });
 }
 
@@ -75,14 +76,18 @@ const emitPressablePressEvents = async (
 
   dispatchEvent(element, 'responderGrant', EventBuilder.Common.responderGrant());
 
-  // We apply minimum press duration here to ensure that `press` events are emitted after `pressOut`.
-  // Otherwise, pressables would emit them in the reverse order, which in reality happens only for
-  // very short presses (< 130ms) and contradicts the React Native docs.
-  // See: https://reactnative.dev/docs/pressable#onpress
-  let duration = Math.max(options.duration, DEFAULT_MIN_PRESS_DURATION);
-  await wait(config, duration);
+  await wait(config, options.duration);
 
   dispatchEvent(element, 'responderRelease', EventBuilder.Common.responderRelease());
+
+  // React Native will wait for minimal delay of DEFAULT_MIN_PRESS_DURATION
+  // before emitting the `pressOut` event. We need to wait here, so that
+  // `press()` function does not return before that.
+  if (DEFAULT_MIN_PRESS_DURATION - options.duration > 0) {
+    await act(async () => {
+      await wait(config, DEFAULT_MIN_PRESS_DURATION - options.duration);
+    });
+  }
 };
 
 const isEnabledTouchResponder = (element: ReactTestInstance) => {