@eslam-elmeniawy/react-native-common-components/lib/module/test-utils/testHelpers.js

Common `ReactNative` components packed in library for usage in projects.

"use strict";

// External imports.

import { render } from '@testing-library/react-native';
import * as React from 'react';
import { Provider as PaperProvider } from 'react-native-paper';

// Internal imports.
import { mockTheme } from "./mockTheme.js";

/**
 * Custom render function that wraps component with PaperProvider and theme.
 * Use this instead of the plain render from @testing-library/react-native.
 * @internal For testing purposes only. Do not use in production code.
 *
 * @example
 * const { getByText } = renderWithTheme(<Button text="Click me" />);
 */
import { jsx as _jsx } from "react/jsx-runtime";
export const renderWithTheme = (ui, options) => {
  const Wrapper = ({
    children
  }) => /*#__PURE__*/_jsx(PaperProvider, {
    theme: mockTheme,
    children: children
  });
  return render(ui, {
    wrapper: Wrapper,
    ...options
  });
};

/**
 * Creates mock callback functions for testing interactions.
 * All callbacks are jest.fn() mocks that can be inspected.
 * @internal For testing purposes only. Do not use in production code.
 *
 * @example
 * const callbacks = createMockCallbacks();
 * render(<Button onPress={callbacks.onPress} />);
 * fireEvent.press(button);
 * expect(callbacks.onPress).toHaveBeenCalled();
 */
export const createMockCallbacks = () => ({
  onPress: jest.fn(),
  onLongPress: jest.fn(),
  onPressIn: jest.fn(),
  onPressOut: jest.fn(),
  onDismiss: jest.fn(),
  onChange: jest.fn(),
  onFocus: jest.fn(),
  onBlur: jest.fn(),
  onRefresh: jest.fn(),
  onItemsSelected: jest.fn()
});

/**
 * Accessibility test helpers.
 * @internal For testing purposes only. Do not use in production code.
 */
export const accessibility = {
  /**
   * Verifies that an element has proper accessibility label.
   */
  hasLabel: (element, expectedLabel) => {
    expect(element.props.accessibilityLabel).toBe(expectedLabel);
  },
  /**
   * Verifies that an element has proper accessibility role.
   */
  hasRole: (element, expectedRole) => {
    expect(element.props.accessibilityRole).toBe(expectedRole);
  },
  /**
   * Verifies that an element has proper accessibility state.
   */
  hasState: (element, expectedState) => {
    expect(element.props.accessibilityState).toMatchObject(expectedState);
  },
  /**
   * Verifies minimum touch target size (44x44 points).
   */
  hasMinimumTouchTarget: element => {
    const style = element.props.style || {};
    const flatStyle = Array.isArray(style) ? Object.assign({}, ...style) : style;

    // Check if minimum dimensions are set
    const hasMinHeight = flatStyle.minHeight >= 44 || flatStyle.height >= 44;
    const hasMinWidth = flatStyle.minWidth >= 44 || flatStyle.width >= 44;
    expect(hasMinHeight || hasMinWidth).toBe(true);
  }
};

/**
 * Wait for a condition to be true with timeout.
 * Useful for testing animations and async state changes.
 *
 * @example
 * await waitFor(() => expect(getByText('Loaded')).toBeDefined());
 */
export { waitFor } from '@testing-library/react-native';

/**
 * Fire events on elements.
 *
 * @example
 * fireEvent.press(button);
 * fireEvent.changeText(input, 'new text');
 */
export { fireEvent } from '@testing-library/react-native';
//# sourceMappingURL=testHelpers.js.map