[unit-testing] Fixed the manu component animation and touch issue

Author: dheeraj1429

src/packages/react-native-material-elements/__test__/__snapshots__/Backdrop.test.tsx.snap

@@ -46,29 +46,24 @@ exports[`Backdrop should render correctly 1`] = `
     }
   >
     <View
-      accessibilityState={
+      collapsable={false}
+      onLayout={[Function]}
+      style={
         {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": undefined,
-          "expanded": undefined,
-          "selected": undefined,
+          "transform": [
+            {
+              "scale": 0.95,
+            },
+          ],
         }
       }
-      accessible={false}
-      focusable={false}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
     >
-      <ActivityIndicator
-        color="#FAFAFA"
-        size="large"
-      />
+      <View>
+        <ActivityIndicator
+          color="#FAFAFA"
+          size="large"
+        />
+      </View>
     </View>
   </View>
 </Modal>

src/packages/react-native-material-elements/__test__/__snapshots__/Dialog.test.tsx.snap

@@ -48,38 +48,52 @@ exports[`Dialog should render correctly with default props 1`] = `
     }
   >
     <View
-      accessibilityState={
+      collapsable={false}
+      onLayout={[Function]}
+      style={
         {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": undefined,
-          "expanded": undefined,
-          "selected": undefined,
+          "transform": [
+            {
+              "scale": 0.95,
+            },
+          ],
         }
       }
-      accessible={false}
-      focusable={false}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        [
-          {},
-          {},
+    >
+      <View
+        accessibilityState={
           {
-            "backgroundColor": "#424242",
-            "borderRadius": 10,
-            "maxWidth": "90%",
-            "paddingBottom": 8,
-            "zIndex": 100,
-          },
-        ]
-      }
-    />
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessible={false}
+        focusable={false}
+        onClick={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          [
+            {},
+            {},
+            {
+              "backgroundColor": "#424242",
+              "borderRadius": 10,
+              "maxWidth": "90%",
+              "paddingBottom": 8,
+              "zIndex": 100,
+            },
+          ]
+        }
+      />
+    </View>
   </View>
 </Modal>
 `;

src/packages/react-native-material-elements/__test__/__snapshots__/Divider.test.tsx.snap

@@ -23,11 +23,12 @@ exports[`Divider Component should render correctly 1`] = `
     style={
       [
         {
-          "borderWidth": 0.9,
+          "borderWidth": 0.5,
         },
         {
           "borderColor": "#616161",
           "borderEndWidth": 0,
+          "borderStartWidth": 0,
           "flex": 1,
         },
         undefined,
@@ -39,10 +40,11 @@ exports[`Divider Component should render correctly 1`] = `
     style={
       [
         {
-          "borderWidth": 0.9,
+          "borderWidth": 0.5,
         },
         {
           "borderColor": "#616161",
+          "borderEndWidth": 0,
           "borderStartWidth": 0,
           "flex": 1,
         },
@@ -77,11 +79,12 @@ exports[`Divider Component should render the children correctly 1`] = `
     style={
       [
         {
-          "borderWidth": 0.9,
+          "borderWidth": 0.5,
         },
         {
           "borderColor": "#616161",
           "borderEndWidth": 0,
+          "borderStartWidth": 0,
           "flex": 1,
         },
         undefined,
@@ -99,10 +102,11 @@ exports[`Divider Component should render the children correctly 1`] = `
     style={
       [
         {
-          "borderWidth": 0.9,
+          "borderWidth": 0.5,
         },
         {
           "borderColor": "#616161",
+          "borderEndWidth": 0,
           "borderStartWidth": 0,
           "flex": 1,
         },