react-native-gifted-chat 3.2.2 → 3.3.0

package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap

@@ -20,27 +20,36 @@ exports[`should render <GiftedChat/> and compare with snapshot 1`] = `
       }
     >
       <View
-        behavior="padding"
+        onLayout={[Function]}
         style={
-          {
-            "flex": 1,
-          }
+          [
+            {
+              "flex": 1,
+            },
+            {
+              "overflow": "hidden",
+            },
+          ]
         }
+        testID="GC_WRAPPER"
       >
         <View
-          onLayout={[Function]}
+          behavior="padding"
+          keyboardVerticalOffset={50}
           style={
-            [
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            style={
               {
                 "flex": 1,
-              },
-              {
-                "overflow": "hidden",
-              },
-            ]
-          }
-          testID="GC_WRAPPER"
-        />
+              }
+            }
+          />
+        </View>
       </View>
     </View>
   </KeyboardProvider>
@@ -67,27 +76,36 @@ exports[`should render <GiftedChat/> with dark colorScheme and compare with snap
       }
     >
       <View
-        behavior="padding"
+        onLayout={[Function]}
         style={
-          {
-            "flex": 1,
-          }
+          [
+            {
+              "flex": 1,
+            },
+            {
+              "overflow": "hidden",
+            },
+          ]
         }
+        testID="GC_WRAPPER"
       >
         <View
-          onLayout={[Function]}
+          behavior="padding"
+          keyboardVerticalOffset={50}
           style={
-            [
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            style={
               {
                 "flex": 1,
-              },
-              {
-                "overflow": "hidden",
-              },
-            ]
-          }
-          testID="GC_WRAPPER"
-        />
+              }
+            }
+          />
+        </View>
       </View>
     </View>
   </KeyboardProvider>
@@ -114,27 +132,36 @@ exports[`should render <GiftedChat/> with light colorScheme and compare with sna
       }
     >
       <View
-        behavior="padding"
+        onLayout={[Function]}
         style={
-          {
-            "flex": 1,
-          }
+          [
+            {
+              "flex": 1,
+            },
+            {
+              "overflow": "hidden",
+            },
+          ]
         }
+        testID="GC_WRAPPER"
       >
         <View
-          onLayout={[Function]}
+          behavior="padding"
+          keyboardVerticalOffset={50}
           style={
-            [
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            style={
               {
                 "flex": 1,
-              },
-              {
-                "overflow": "hidden",
-              },
-            ]
-          }
-          testID="GC_WRAPPER"
-        />
+              }
+            }
+          />
+        </View>
       </View>
     </View>
   </KeyboardProvider>

package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap

@@ -4,14 +4,12 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
 <View
   style={
     [
-      [
-        {
-          "backgroundColor": "#fff",
-          "borderTopColor": "#b2b2b2",
-          "borderTopWidth": 0.5,
-        },
-        undefined,
-      ],
+      {
+        "backgroundColor": "#fff",
+        "borderTopColor": "#b2b2b2",
+        "borderTopWidth": 0.5,
+      },
+      false,
       undefined,
     ]
   }
@@ -19,13 +17,10 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
   <View
     style={
       [
-        [
-          {
-            "alignItems": "flex-end",
-            "flexDirection": "row",
-          },
-          undefined,
-        ],
+        {
+          "alignItems": "flex-end",
+          "flexDirection": "row",
+        },
         undefined,
       ]
     }
@@ -99,6 +94,7 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
           undefined,
         ]
       }
+      nativeID="0"
       pointerEvents="none"
       style={
         [

package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap

@@ -65,6 +65,7 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
           },
         ]
       }
+      nativeID="0"
       style={
         [
           {
@@ -125,6 +126,7 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
               },
             ]
           }
+          nativeID="1"
           style={
             [
               {
@@ -196,24 +198,27 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
           >
             <View
               style={
-                {
-                  "flex": 1,
-                }
+                [
+                  {
+                    "alignItems": "center",
+                    "flex": 1,
+                    "justifyContent": "center",
+                    "overflow": "hidden",
+                  },
+                  undefined,
+                ]
               }
             >
               <View
                 collapsable={false}
                 onLayout={[Function]}
                 style={
-                  [
-                    {
-                      "alignItems": "center",
-                      "flex": 1,
-                      "justifyContent": "center",
-                      "overflow": "hidden",
-                    },
-                    undefined,
-                  ]
+                  {
+                    "alignItems": "center",
+                    "flex": 1,
+                    "justifyContent": "center",
+                    "overflow": "hidden",
+                  }
                 }
               >
                 <View
@@ -227,15 +232,15 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
                     {
                       "value": {
                         "transform": [
-                          {
-                            "scale": 1,
-                          },
                           {
                             "translateX": 0,
                           },
                           {
                             "translateY": 0,
                           },
+                          {
+                            "scale": 1,
+                          },
                         ],
                       },
                     }
@@ -245,20 +250,21 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
                       undefined,
                     ]
                   }
+                  nativeID="2"
                   onLayout={[Function]}
                   style={
                     [
                       {
                         "transform": [
-                          {
-                            "scale": 1,
-                          },
                           {
                             "translateX": 0,
                           },
                           {
                             "translateY": 0,
                           },
+                          {
+                            "scale": 1,
+                          },
                         ],
                       },
                       undefined,

package/src/__tests__/__snapshots__/MessageReply.test.tsx.snap

@@ -0,0 +1,181 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render <MessageReply /> and compare with snapshot 1`] = `
+<View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
+  accessible={true}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+>
+  <View
+    style={
+      [
+        {
+          "borderRadius": 8,
+          "marginBottom": 4,
+          "paddingHorizontal": 10,
+          "paddingVertical": 6,
+        },
+        {
+          "backgroundColor": "rgba(0, 0, 0, 0.06)",
+          "borderLeftColor": "#0084ff",
+          "borderLeftWidth": 3,
+        },
+        undefined,
+        undefined,
+      ]
+    }
+  >
+    <Text
+      numberOfLines={1}
+      style={
+        [
+          {
+            "fontWeight": "600",
+            "marginBottom": 2,
+          },
+          {
+            "color": "#0084ff",
+          },
+          undefined,
+          undefined,
+        ]
+      }
+    >
+      John Doe
+    </Text>
+    <Text
+      numberOfLines={2}
+      style={
+        [
+          {
+            "fontSize": 13,
+          },
+          {
+            "color": "#333",
+          },
+          undefined,
+          undefined,
+        ]
+      }
+    >
+      Original message text
+    </Text>
+  </View>
+</View>
+`;
+
+exports[`should render <MessageReply /> on right position and compare with snapshot 1`] = `
+<View
+  accessibilityState={
+    {
+      "busy": undefined,
+      "checked": undefined,
+      "disabled": undefined,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
+  accessible={true}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+>
+  <View
+    style={
+      [
+        {
+          "borderRadius": 8,
+          "marginBottom": 4,
+          "paddingHorizontal": 10,
+          "paddingVertical": 6,
+        },
+        {
+          "backgroundColor": "rgba(255, 255, 255, 0.15)",
+          "borderLeftColor": "rgba(255, 255, 255, 0.6)",
+          "borderLeftWidth": 3,
+        },
+        undefined,
+        undefined,
+      ]
+    }
+  >
+    <Text
+      numberOfLines={1}
+      style={
+        [
+          {
+            "fontWeight": "600",
+            "marginBottom": 2,
+          },
+          {
+            "color": "rgba(255, 255, 255, 0.9)",
+          },
+          undefined,
+          undefined,
+        ]
+      }
+    >
+      You
+    </Text>
+    <Text
+      numberOfLines={2}
+      style={
+        [
+          {
+            "fontSize": 13,
+          },
+          {
+            "color": "rgba(255, 255, 255, 0.9)",
+          },
+          undefined,
+          undefined,
+        ]
+      }
+    >
+      Original message text
+    </Text>
+  </View>
+</View>
+`;