basci impl

Author: mdjastrzebski

src/fire-event.ts

@@ -13,6 +13,7 @@ import { isPointerEventEnabled } from './helpers/pointer-events';
 import { isEditableTextInput } from './helpers/text-input';
 import { Point, StringWithAutocomplete } from './types';
 import { nativeState } from './native-state';
+import { formatElement } from './matchers/utils';
 
 type EventHandler = (...args: unknown[]) => unknown;
 
@@ -80,7 +81,15 @@ function findEventHandler(
   const touchResponder = isTouchResponder(element) ? element : nearestTouchResponder;
 
   const handler = getEventHandler(element, eventName);
-  if (handler && isEventEnabled(element, eventName, touchResponder)) return handler;
+  if (handler) {
+    if (isEventEnabled(element, eventName, touchResponder)) {
+      return handler;
+    } else {
+      console.warn(
+        `${formatElement(element, { minimal: true })}: "${eventName}" event is not enabled.`,
+      );
+    }
+  }
 
   // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
   if (element.parent === null || element.parent.parent === null) {
@@ -129,6 +138,11 @@ function fireEvent(element: ReactTestInstance, eventName: EventName, ...data: un
 
   const handler = findEventHandler(element, eventName);
   if (!handler) {
+    console.warn(
+      `${formatElement(element, {
+        minimal: true,
+      })}: no "${eventName}" event handler found on element or any of it's ancestors`,
+    );
     return;
   }
 

src/matchers/utils.ts

@@ -1,4 +1,4 @@
-import { ReactTestInstance } from 'react-test-renderer';
+import { ReactTestInstance, ReactTestRendererJSON } from 'react-test-renderer';
 import {
   EXPECTED_COLOR,
   RECEIVED_COLOR,
@@ -11,6 +11,7 @@ import prettyFormat, { plugins } from 'pretty-format';
 import redent from 'redent';
 import { isHostElement } from '../helpers/component-tree';
 import { defaultMapProps } from '../helpers/format-default';
+import { ElementType } from 'react';
 
 class HostElementTypeError extends Error {
   constructor(received: unknown, matcherFn: jest.CustomMatcher, context: jest.MatcherContext) {
@@ -55,12 +56,20 @@ export function checkHostElement(
   }
 }
 
+export type FormatElementOptions = {
+  // Minimize used space.
+  minimal?: boolean;
+};
+
 /***
  * Format given element as a pretty-printed string.
  *
  * @param element Element to format.
  */
-export function formatElement(element: ReactTestInstance | null) {
+export function formatElement(
+  element: ReactTestInstance | null,
+  { minimal = false }: FormatElementOptions = {},
+) {
   if (element == null) {
     return '  null';
   }
@@ -74,7 +83,7 @@ export function formatElement(element: ReactTestInstance | null) {
         // This prop is needed persuade the prettyFormat that the element is
         // a ReactTestRendererJSON instance, so it is formatted as JSX.
         $$typeof: Symbol.for('react.test.json'),
-        type: element.type,
+        type: formatElementType(element.type),
         props: defaultMapProps(props),
         children: childrenToDisplay,
       },
@@ -83,18 +92,47 @@ export function formatElement(element: ReactTestInstance | null) {
         printFunctionName: false,
         printBasicPrototype: false,
         highlight: true,
+        min: minimal,
       },
     ),
     2,
   );
 }
 
-export function formatElementArray(elements: ReactTestInstance[]) {
+export function formatElementType(type: ElementType): string {
+  if (typeof type === 'function') {
+    return type.displayName ?? type.name;
+  }
+
+  // if (typeof type === 'object') {
+  //   console.log('OBJECT', type);
+  // }
+
+  if (typeof type === 'object' && 'type' in type) {
+    // @ts-expect-error
+    const nestedType = formatElementType(type.type);
+    if (nestedType) {
+      return nestedType;
+    }
+  }
+
+  if (typeof type === 'object' && 'render' in type) {
+    // @ts-expect-error
+    const nestedType = formatElementType(type.render);
+    if (nestedType) {
+      return nestedType;
+    }
+  }
+
+  return `${type}`;
+}
+
+export function formatElementArray(elements: ReactTestInstance[], options?: FormatElementOptions) {
   if (elements.length === 0) {
     return '  (no elements)';
   }
 
-  return redent(elements.map(formatElement).join('\n'), 2);
+  return redent(elements.map((element) => formatElement(element, options)).join('\n'), 2);
 }
 
 export function formatMessage(