Add legacy mocks

packages/react-native-gesture-handler/jestSetup.js

@@ -27,6 +27,18 @@ jest.mock('./lib/commonjs/components/GestureComponents', () =>
 jest.mock('./lib/commonjs/v3/detectors/HostGestureDetector', () =>
   require('./lib/commonjs/mocks/hostDetector')
 );
+jest.mock('./lib/commonjs/v3/components/Clickable/Clickable', () =>
+  require('./lib/commonjs/mocks/v3GestureComponents')
+);
+jest.mock('./lib/commonjs/v3/components/GestureButtons', () =>
+  require('./lib/commonjs/mocks/v3GestureComponents')
+);
+jest.mock('./lib/commonjs/v3/components/Pressable', () =>
+  require('./lib/commonjs/mocks/Pressable')
+);
+jest.mock('./lib/commonjs/v3/components/GestureComponents', () =>
+  require('./lib/commonjs/mocks/v3GestureComponents')
+);
 
 jest.mock('./lib/module/RNGestureHandlerModule', () =>
   require('./lib/module/mocks/module')
@@ -43,6 +55,18 @@ jest.mock('./lib/module/components/GestureComponents', () =>
 jest.mock('./lib/module/v3/detectors/HostGestureDetector', () =>
   require('./lib/module/mocks/hostDetector')
 );
+jest.mock('./lib/module/v3/components/Clickable/Clickable', () =>
+  require('./lib/module/mocks/v3GestureComponents')
+);
+jest.mock('./lib/module/v3/components/GestureButtons', () =>
+  require('./lib/module/mocks/v3GestureComponents')
+);
+jest.mock('./lib/module/v3/components/Pressable', () =>
+  require('./lib/module/mocks/Pressable')
+);
+jest.mock('./lib/module/v3/components/GestureComponents', () =>
+  require('./lib/module/mocks/v3GestureComponents')
+);
 
 jest.mock('react-native-worklets', () =>
   require('react-native-worklets/src/mock')

packages/react-native-gesture-handler/src/mocks/GestureButtons.tsx

@@ -1,10 +1,14 @@
 import React from 'react';
 import { TouchableNativeFeedback, View } from 'react-native';
-export const RawButton = ({ enabled, children, ...rest }: any) => (
+
+const RawButton = ({ enabled, children, ...rest }: any) => (
   <TouchableNativeFeedback disabled={enabled === false} {...rest}>
     {children ?? <View />}
   </TouchableNativeFeedback>
 );
-export const BaseButton = RawButton;
-export const RectButton = RawButton;
-export const BorderlessButton = TouchableNativeFeedback;
+
+export const LegacyRawButton = RawButton;
+export const LegacyBaseButton = RawButton;
+export const LegacyRectButton = RawButton;
+export const LegacyBorderlessButton = RawButton;
+export const LegacyPureNativeButton = RawButton;

packages/react-native-gesture-handler/src/mocks/gestureComponents.tsx

@@ -1,23 +1,15 @@
 import {
-  TouchableHighlight,
-  TouchableNativeFeedback,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
   ScrollView,
   FlatList,
   Switch,
   TextInput,
   DrawerLayoutAndroid,
+  RefreshControl,
 } from 'react-native';
 
-export default {
-  TouchableHighlight,
-  TouchableNativeFeedback,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-  ScrollView,
-  FlatList,
-  Switch,
-  TextInput,
-  DrawerLayoutAndroid,
-} as const;
+export const LegacyScrollView = ScrollView;
+export const LegacyFlatList = FlatList;
+export const LegacySwitch = Switch;
+export const LegacyTextInput = TextInput;
+export const LegacyDrawerLayoutAndroid = DrawerLayoutAndroid;
+export const LegacyRefreshControl = RefreshControl;

packages/react-native-gesture-handler/src/mocks/v3GestureComponents.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import {
+  ScrollView,
+  FlatList,
+  Switch,
+  TextInput,
+  RefreshControl,
+  TouchableNativeFeedback,
+  View,
+} from 'react-native';
+
+export { ScrollView, FlatList, Switch, TextInput, RefreshControl };
+
+const RawButton = ({ enabled, children, ...rest }: any) => (
+  <TouchableNativeFeedback disabled={enabled === false} {...rest}>
+    {children ?? <View />}
+  </TouchableNativeFeedback>
+);
+
+export { RawButton };
+export const BaseButton = RawButton;
+export const RectButton = RawButton;
+export const BorderlessButton = RawButton;
+export const Clickable = RawButton;