react-native-gifted-chat 3.2.3 → 3.3.2

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

@@ -34,37 +34,6 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
     visible={false}
   >
     <View
-      collapsable={false}
-      jestAnimatedProps={
-        {
-          "value": {},
-        }
-      }
-      jestAnimatedStyle={
-        {
-          "value": {
-            "borderRadius": 40,
-            "opacity": 0,
-            "transform": [
-              {
-                "scale": 0.9,
-              },
-            ],
-          },
-        }
-      }
-      jestInlineStyle={
-        [
-          {
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "zIndex": 1000,
-          },
-        ]
-      }
       style={
         [
           {
@@ -97,34 +66,6 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
         }
       >
         <View
-          collapsable={false}
-          jestAnimatedProps={
-            {
-              "value": {},
-            }
-          }
-          jestAnimatedStyle={
-            {
-              "value": {
-                "borderRadius": 40,
-              },
-            }
-          }
-          jestInlineStyle={
-            [
-              {
-                "flex": 1,
-              },
-              {
-                "backgroundColor": "#000",
-                "overflow": "hidden",
-              },
-              {
-                "paddingBottom": 0,
-                "paddingTop": 0,
-              },
-            ]
-          }
           style={
             [
               {
@@ -196,69 +137,44 @@ 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
-                  collapsable={false}
-                  jestAnimatedProps={
-                    {
-                      "value": {},
-                    }
-                  }
-                  jestAnimatedStyle={
-                    {
-                      "value": {
-                        "transform": [
-                          {
-                            "scale": 1,
-                          },
-                          {
-                            "translateX": 0,
-                          },
-                          {
-                            "translateY": 0,
-                          },
-                        ],
-                      },
-                    }
-                  }
-                  jestInlineStyle={
-                    [
-                      undefined,
-                    ]
-                  }
                   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>
+`;

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

@@ -0,0 +1,349 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render <ReplyPreview /> and compare with snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "overflow": "hidden",
+      },
+      {
+        "height": undefined,
+        "opacity": undefined,
+        "transform": [
+          {
+            "translateY": undefined,
+          },
+        ],
+      },
+    ]
+  }
+>
+  <View
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "borderRadius": 8,
+          "flexDirection": "row",
+          "marginBottom": 8,
+          "marginHorizontal": 10,
+          "overflow": "hidden",
+        },
+        {
+          "backgroundColor": "#e9e9eb",
+        },
+        undefined,
+      ]
+    }
+  >
+    <View
+      style={
+        {
+          "backgroundColor": "#0084ff",
+          "borderTopLeftRadius": 4,
+          "height": "100%",
+          "width": 4,
+        }
+      }
+    />
+    <View
+      style={
+        {
+          "flex": 1,
+          "paddingHorizontal": 10,
+          "paddingVertical": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <Text
+            numberOfLines={1}
+            style={
+              {
+                "color": "#0084ff",
+                "fontSize": 13,
+                "fontWeight": "600",
+                "marginBottom": 2,
+              }
+            }
+          >
+            Replying to 
+            John Doe
+          </Text>
+          <Text
+            numberOfLines={2}
+            style={
+              [
+                {
+                  "fontSize": 14,
+                },
+                {
+                  "color": "#333",
+                },
+                undefined,
+              ]
+            }
+          >
+            Original message to reply to
+          </Text>
+        </View>
+      </View>
+    </View>
+    <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}
+      hitSlop={8}
+      onBlur={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderRadius": 12,
+          "height": 24,
+          "justifyContent": "center",
+          "width": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "fontSize": 18,
+              "fontWeight": "600",
+            },
+            {
+              "color": "#333",
+            },
+          ]
+        }
+      >
+        ×
+      </Text>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`should render <ReplyPreview /> with image and compare with snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "overflow": "hidden",
+      },
+      {
+        "height": undefined,
+        "opacity": undefined,
+        "transform": [
+          {
+            "translateY": undefined,
+          },
+        ],
+      },
+    ]
+  }
+>
+  <View
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "borderRadius": 8,
+          "flexDirection": "row",
+          "marginBottom": 8,
+          "marginHorizontal": 10,
+          "overflow": "hidden",
+        },
+        {
+          "backgroundColor": "#e9e9eb",
+        },
+        undefined,
+      ]
+    }
+  >
+    <View
+      style={
+        {
+          "backgroundColor": "#0084ff",
+          "borderTopLeftRadius": 4,
+          "height": "100%",
+          "width": 4,
+        }
+      }
+    />
+    <View
+      style={
+        {
+          "flex": 1,
+          "paddingHorizontal": 10,
+          "paddingVertical": 8,
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+          }
+        }
+      >
+        <Image
+          source={
+            {
+              "uri": "https://example.com/image.jpg",
+            }
+          }
+          style={
+            [
+              {
+                "borderRadius": 4,
+                "height": 40,
+                "marginRight": 8,
+                "width": 40,
+              },
+              undefined,
+            ]
+          }
+        />
+        <View
+          style={
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <Text
+            numberOfLines={1}
+            style={
+              {
+                "color": "#0084ff",
+                "fontSize": 13,
+                "fontWeight": "600",
+                "marginBottom": 2,
+              }
+            }
+          >
+            Replying to 
+            John Doe
+          </Text>
+          <Text
+            numberOfLines={2}
+            style={
+              [
+                {
+                  "fontSize": 14,
+                },
+                {
+                  "color": "#333",
+                },
+                undefined,
+              ]
+            }
+          >
+            Original message to reply to
+          </Text>
+        </View>
+      </View>
+    </View>
+    <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}
+      hitSlop={8}
+      onBlur={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderRadius": 12,
+          "height": 24,
+          "justifyContent": "center",
+          "width": 24,
+        }
+      }
+    >
+      <Text
+        style={
+          [
+            {
+              "fontSize": 18,
+              "fontWeight": "600",
+            },
+            {
+              "color": "#333",
+            },
+          ]
+        }
+      >
+        ×
+      </Text>
+    </View>
+  </View>
+</View>
+`;