feat: Add testID prop and use it for modal handle testID prefix

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-modalize",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "A highly customizable modal/bottom sheet that loves scrolling content.",
   "main": "lib/index.js",
   "types": "./lib/index.d.ts",

src/index.tsx

@@ -57,6 +57,9 @@ const PAN_DURATION = 150;
 
 const ModalizeBase = (
   {
+    // Test
+    testID,
+
     // Refs
     contentRef,
 
@@ -671,7 +674,7 @@ const ModalizeBase = (
         onHandlerStateChange={handleComponent}
       >
         <Animated.View style={handleStyles}>
-          <View style={shapeStyles} />
+          <View style={shapeStyles} testID={`${testID}_handle_shape`}/>
         </Animated.View>
       </PanGestureHandler>
     );

src/options.ts

@@ -42,6 +42,10 @@ export interface IConfigProps {
 }
 
 export interface IProps<ListItem = any> {
+  /**
+   * The testID prefix for all child component
+   */
+  testID?: string;
   /**
    * A reference to the view (ScrollView, FlatList, SectionList) that provides the scroll behavior, where you will be able to access their owns methods.
    */