feat: add pointerEvents box-none handling

Author: suezzo

src/__tests__/fireEvent.test.js

@@ -264,6 +264,21 @@ test('should not fire on box-only pointerEvents View', () => {
   expect(handlePress).not.toHaveBeenCalled();
 });
 
+test('should fire on box-none pointerEvents View', () => {
+  const handlePress = jest.fn();
+
+  const screen = render(
+    <View pointerEvents="box-none">
+      <Pressable onPress={handlePress}>
+        <Text>Trigger</Text>
+      </Pressable>
+    </View>
+  );
+
+  fireEvent.press(screen.getByText('Trigger'));
+  expect(handlePress).toHaveBeenCalled();
+});
+
 test('should not fire on none pointerEvents View with nested elements', () => {
   const handlePress = jest.fn();
 

src/fireEvent.js

@@ -17,17 +17,21 @@ const isTouchResponder = (element?: ReactTestInstance) => {
   return !!element?.props.onStartShouldSetResponder || isTextInput(element);
 };
 
-const isPointerEventEnabled = (element?: ReactTestInstance) => {
-  if (
-    element?.props.pointerEvents === 'none' ||
-    element?.props.pointerEvents === 'box-only'
-  ) {
+const isPointerEventEnabled = (
+  element?: ReactTestInstance,
+  isParent?: boolean
+) => {
+  const parentCondition = isParent
+    ? element?.props.pointerEvents === 'box-only'
+    : element?.props.pointerEvents === 'box-none';
+
+  if (element?.props.pointerEvents === 'none' || parentCondition) {
     return false;
   }
 
   if (!element?.parent) return true;
 
-  return isPointerEventEnabled(element.parent);
+  return isPointerEventEnabled(element.parent, true);
 };
 
 const isEventEnabled = (