migrate fire event

Author: mdjastrzebski

src/__tests__/__snapshots__/render-debug.test.tsx.snap

@@ -63,7 +63,7 @@ exports[`debug changing component: bananaFresh button message should now be "fre
     <Text
       testID="bananaFresh"
     >
-      not fresh
+      fresh
     </Text>
     <TextInput
       placeholder="Add custom freshness"

src/fire-event.ts

@@ -5,7 +5,7 @@ import type {
   TextProps,
   ViewProps,
 } from 'react-native';
-import type { HostElement } from 'universal-test-renderer';
+import type { Fiber, HostElement } from 'universal-test-renderer';
 
 import act from './act';
 import { EventHandler, getEventHandlerFromProps } from './event-handler';
@@ -79,7 +79,9 @@ function findEventHandler(
 ): EventHandler | null {
   const touchResponder = isTouchResponder(element) ? element : nearestTouchResponder;
 
-  const handler = getEventHandlerFromProps(element.props, eventName, { loose: true });
+  const handler =
+    getEventHandlerFromProps(element.props, eventName, { loose: true }) ??
+    findEventHandlerFromFiber(element.unstable_fiber, eventName);
   if (handler && isEventEnabled(element, eventName, touchResponder)) {
     return handler;
   }
@@ -91,6 +93,25 @@ function findEventHandler(
   return findEventHandler(element.parent, eventName, touchResponder);
 }
 
+function findEventHandlerFromFiber(fiber: Fiber | null, eventName: string): EventHandler | null {
+  // Container fibers have memoizedProps set to null
+  if (!fiber?.memoizedProps) {
+    return null;
+  }
+
+  const handler = getEventHandlerFromProps(fiber.memoizedProps, eventName, { loose: true });
+  if (handler) {
+    return handler;
+  }
+
+  // No parent fiber or we reached another host element
+  if (fiber.return === null || typeof fiber.return.type === 'string') {
+    return null;
+  }
+
+  return findEventHandlerFromFiber(fiber.return, eventName);
+}
+
 // String union type of keys of T that start with on, stripped of 'on'
 type EventNameExtractor<T> = keyof {
   [K in keyof T as K extends `on${infer Rest}` ? Uncapitalize<Rest> : never]: T[K];

src/helpers/component-tree.ts

@@ -1,13 +1,13 @@
-import type { HostElement } from 'universal-test-renderer';
+import type { HostElement, HostNode } from 'universal-test-renderer';
 
 import { screen } from '../screen';
 
 /**
  * Checks if the given element is a host element.
  * @param element The element to check.
  */
-export function isHostElement(element?: HostElement | null): element is HostElement {
-  return typeof element?.type === 'string';
+export function isHostElement(element?: HostNode | null): element is HostElement {
+  return typeof element !== 'string' && typeof element?.type === 'string';
 }
 
 export function isElementMounted(element: HostElement) {

src/user-event/press/press.ts

@@ -21,10 +21,7 @@ export interface PressOptions {
 
 export async function press(this: UserEventInstance, element: HostElement): Promise<void> {
   if (!isHostElement(element)) {
-    throw new ErrorWithStack(
-      `press() works only with host elements. Passed element has type "${element.type}".`,
-      press,
-    );
+    throw new ErrorWithStack(`press() works only with host elements.`, press);
   }
 
   await basePress(this.config, element, {
@@ -38,10 +35,7 @@ export async function longPress(
   options?: PressOptions,
 ): Promise<void> {
   if (!isHostElement(element)) {
-    throw new ErrorWithStack(
-      `longPress() works only with host elements. Passed element has type "${element.type}".`,
-      longPress,
-    );
+    throw new ErrorWithStack(`longPress() works only with host elements.`, longPress);
   }
 
   await basePress(this.config, element, {