Add support for pointerEvents

[Trancever]

Describe the Feature

Currently, when there is a wrapping View with pointerEvents="none" testing lib still allows pressing buttons that are rendered inside of that View.

Expected behaviour:

// component
<View pointerEvents="none">
  <Touchable onPress={onPress}>Click me</Touchable>
</View>

...

// test
const mockOnPress = jest.fn();
const { getByText } = render(<Component onPress={mockOnPress} />);

fireEvent.press(getByText('Click me'));

expect(mockOnPress).not.toHaveBeenCalled();

Possible Implementations

No idea, cause I am not familiar with the codebase :(

Related Issues

[thymikee]

Yup, that's a fair call to make. Needs adjustments in fireEvent implementation:

react-native-testing-library/src/fireEvent.js

Lines 34 to 68 in 199de62

	const findEventHandler = (
	element: ReactTestInstance,
	eventName: string,
	callsite?: any,
	nearestTouchResponder?: ReactTestInstance,
	hasDescendandHandler?: boolean
	) => {
	const touchResponder = isTouchResponder(element)
	? element
	: nearestTouchResponder;
	const handler = getEventHandler(element, eventName);
	if (handler && isEventEnabled(element, touchResponder)) return handler;
	// Do not bubble event to the root element
	const hasHandler = handler != null || hasDescendandHandler;
	if (element.parent === null || element.parent.parent === null) {
	if (hasHandler) {
	return null;
	} else {
	throw new ErrorWithStack(
	`No handler function found for event: "${eventName}"`,
	callsite || invokeEvent
	);
	}
	}
	return findEventHandler(
	element.parent,
	eventName,
	callsite,
	touchResponder,
	hasHandler
	);
	};