react-native-gifted-chat 2.8.2-alpha.0 → 2.8.2-alpha.2

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

@@ -54,7 +54,6 @@ exports[`Message component should render <Message /> and compare with snapshot 1
         }
       >
         <View
-          accessibilityRole="text"
           accessibilityState={
             {
               "busy": undefined,
@@ -64,9 +63,20 @@ exports[`Message component should render <Message /> and compare with snapshot 1
               "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]}
@@ -75,93 +85,81 @@ exports[`Message component should render <Message /> and compare with snapshot 1
           onStartShouldSetResponder={[Function]}
         >
           <View>
-            <View
-              style={
-                [
-                  {},
-                  undefined,
-                ]
-              }
-            >
-              <Text
+            <View>
+              <View
                 style={
                   [
                     {
-                      "color": "black",
-                      "fontSize": 16,
-                      "lineHeight": 20,
                       "marginBottom": 5,
                       "marginLeft": 10,
                       "marginRight": 10,
                       "marginTop": 5,
                     },
                     undefined,
-                    undefined,
                   ]
                 }
               >
                 <Text
+                  link={true}
                   style={
                     [
-                      [
-                        {
-                          "color": "black",
-                          "fontSize": 16,
-                          "lineHeight": 20,
-                          "marginBottom": 5,
-                          "marginLeft": 10,
-                          "marginRight": 10,
-                          "marginTop": 5,
-                        },
-                        undefined,
-                        undefined,
-                      ],
+                      {
+                        "color": "black",
+                      },
+                      undefined,
                       undefined,
                     ]
                   }
+                  user={
+                    {
+                      "_id": 1,
+                    }
+                  }
                 >
-                  test
+                  <Text>
+                    test
+                  </Text>
                 </Text>
-              </Text>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                  "justifyContent": "flex-start",
-                },
-                undefined,
-              ]
-            }
-          >
             <View
               style={
                 [
                   {
-                    "marginBottom": 5,
-                    "marginLeft": 10,
-                    "marginRight": 10,
+                    "flexDirection": "row",
+                    "justifyContent": "flex-start",
                   },
                   undefined,
                 ]
               }
             >
-              <Text
+              <View
                 style={
                   [
                     {
-                      "color": "#aaa",
-                      "fontSize": 10,
-                      "textAlign": "right",
+                      "marginBottom": 5,
+                      "marginLeft": 10,
+                      "marginRight": 10,
                     },
                     undefined,
                   ]
                 }
               >
-                7:20 PM
-              </Text>
+                <Text
+                  style={
+                    [
+                      {
+                        "color": "#aaa",
+                        "fontSize": 10,
+                        "textAlign": "right",
+                      },
+                      undefined,
+                    ]
+                  }
+                >
+                  7:20 PM
+                </Text>
+              </View>
             </View>
           </View>
         </View>
@@ -262,7 +260,6 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
         }
       >
         <View
-          accessibilityRole="text"
           accessibilityState={
             {
               "busy": undefined,
@@ -272,9 +269,20 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
               "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]}
@@ -283,93 +291,82 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
           onStartShouldSetResponder={[Function]}
         >
           <View>
-            <View
-              style={
-                [
-                  {},
-                  undefined,
-                ]
-              }
-            >
-              <Text
+            <View>
+              <View
                 style={
                   [
                     {
-                      "color": "black",
-                      "fontSize": 16,
-                      "lineHeight": 20,
                       "marginBottom": 5,
                       "marginLeft": 10,
                       "marginRight": 10,
                       "marginTop": 5,
                     },
                     undefined,
-                    undefined,
                   ]
                 }
               >
                 <Text
+                  link={true}
+                  showUserAvatar={true}
                   style={
                     [
-                      [
-                        {
-                          "color": "black",
-                          "fontSize": 16,
-                          "lineHeight": 20,
-                          "marginBottom": 5,
-                          "marginLeft": 10,
-                          "marginRight": 10,
-                          "marginTop": 5,
-                        },
-                        undefined,
-                        undefined,
-                      ],
+                      {
+                        "color": "black",
+                      },
+                      undefined,
                       undefined,
                     ]
                   }
+                  user={
+                    {
+                      "_id": 1,
+                    }
+                  }
                 >
-                  test
+                  <Text>
+                    test
+                  </Text>
                 </Text>
-              </Text>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                  "justifyContent": "flex-start",
-                },
-                undefined,
-              ]
-            }
-          >
             <View
               style={
                 [
                   {
-                    "marginBottom": 5,
-                    "marginLeft": 10,
-                    "marginRight": 10,
+                    "flexDirection": "row",
+                    "justifyContent": "flex-start",
                   },
                   undefined,
                 ]
               }
             >
-              <Text
+              <View
                 style={
                   [
                     {
-                      "color": "#aaa",
-                      "fontSize": 10,
-                      "textAlign": "right",
+                      "marginBottom": 5,
+                      "marginLeft": 10,
+                      "marginRight": 10,
                     },
                     undefined,
                   ]
                 }
               >
-                7:20 PM
-              </Text>
+                <Text
+                  style={
+                    [
+                      {
+                        "color": "#aaa",
+                        "fontSize": 10,
+                        "textAlign": "right",
+                      },
+                      undefined,
+                    ]
+                  }
+                >
+                  7:20 PM
+                </Text>
+              </View>
             </View>
           </View>
         </View>
@@ -431,7 +428,6 @@ exports[`Message component should render null if user has no Avatar 1`] = `
         }
       >
         <View
-          accessibilityRole="text"
           accessibilityState={
             {
               "busy": undefined,
@@ -441,9 +437,20 @@ exports[`Message component should render null if user has no Avatar 1`] = `
               "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]}
@@ -452,93 +459,82 @@ exports[`Message component should render null if user has no Avatar 1`] = `
           onStartShouldSetResponder={[Function]}
         >
           <View>
-            <View
-              style={
-                [
-                  {},
-                  undefined,
-                ]
-              }
-            >
-              <Text
+            <View>
+              <View
                 style={
                   [
                     {
-                      "color": "black",
-                      "fontSize": 16,
-                      "lineHeight": 20,
                       "marginBottom": 5,
                       "marginLeft": 10,
                       "marginRight": 10,
                       "marginTop": 5,
                     },
                     undefined,
-                    undefined,
                   ]
                 }
               >
                 <Text
+                  link={true}
+                  showUserAvatar={true}
                   style={
                     [
-                      [
-                        {
-                          "color": "black",
-                          "fontSize": 16,
-                          "lineHeight": 20,
-                          "marginBottom": 5,
-                          "marginLeft": 10,
-                          "marginRight": 10,
-                          "marginTop": 5,
-                        },
-                        undefined,
-                        undefined,
-                      ],
+                      {
+                        "color": "black",
+                      },
+                      undefined,
                       undefined,
                     ]
                   }
+                  user={
+                    {
+                      "_id": 1,
+                    }
+                  }
                 >
-                  test
+                  <Text>
+                    test
+                  </Text>
                 </Text>
-              </Text>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                  "justifyContent": "flex-start",
-                },
-                undefined,
-              ]
-            }
-          >
             <View
               style={
                 [
                   {
-                    "marginBottom": 5,
-                    "marginLeft": 10,
-                    "marginRight": 10,
+                    "flexDirection": "row",
+                    "justifyContent": "flex-start",
                   },
                   undefined,
                 ]
               }
             >
-              <Text
+              <View
                 style={
                   [
                     {
-                      "color": "#aaa",
-                      "fontSize": 10,
-                      "textAlign": "right",
+                      "marginBottom": 5,
+                      "marginLeft": 10,
+                      "marginRight": 10,
                     },
                     undefined,
                   ]
                 }
               >
-                7:20 PM
-              </Text>
+                <Text
+                  style={
+                    [
+                      {
+                        "color": "#aaa",
+                        "fontSize": 10,
+                        "textAlign": "right",
+                      },
+                      undefined,
+                    ]
+                  }
+                >
+                  7:20 PM
+                </Text>
+              </View>
             </View>
           </View>
         </View>

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

@@ -2,21 +2,42 @@
 
 exports[`MessageImage should  render <MessageImage /> and compare with snapshot 1`] = `
 <View>
-  <Lightbox
-    activeProps={
+  <View
+    accessibilityState={
       {
-        "style": [
-          {
-            "flex": 1,
-          },
-          {
-            "resizeMode": "contain",
-          },
-        ],
+        "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}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "opacity": 1,
       }
     }
   >
     <Image
+      onLayout={[Function]}
       source={
         {
           "uri": "url://to/image.png",
@@ -35,7 +56,7 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
         ]
       }
     />
-  </Lightbox>
+  </View>
 </View>
 `;
 

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

@@ -4,27 +4,31 @@ exports[`should render <MessageText /> and compare with snapshot 1`] = `
 <View
   style={
     [
-      {},
+      {
+        "marginBottom": 5,
+        "marginLeft": 10,
+        "marginRight": 10,
+        "marginTop": 5,
+      },
       undefined,
     ]
   }
 >
   <Text
+    link={true}
     style={
       [
         {
           "color": "black",
-          "fontSize": 16,
-          "lineHeight": 20,
-          "marginBottom": 5,
-          "marginLeft": 10,
-          "marginRight": 10,
-          "marginTop": 5,
         },
         undefined,
         undefined,
       ]
     }
-  />
+  >
+    <Text>
+      test message
+    </Text>
+  </Text>
 </View>
 `;

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

@@ -24,7 +24,32 @@ exports[`Send should always render <Send /> and compare with snapshot 1`] = `
   accessible={true}
   collapsable={false}
   focusable={true}
+  jestAnimatedProps={
+    {
+      "value": {},
+    }
+  }
+  jestAnimatedStyle={
+    {
+      "value": {
+        "opacity": 1,
+      },
+    }
+  }
+  jestInlineStyle={
+    [
+      [
+        {
+          "height": 44,
+          "justifyContent": "flex-end",
+        },
+        undefined,
+      ],
+    ]
+  }
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -32,11 +57,16 @@ exports[`Send should always render <Send /> and compare with snapshot 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    {
-      "height": 44,
-      "justifyContent": "flex-end",
-      "opacity": 1,
-    }
+    [
+      {
+        "height": 44,
+        "justifyContent": "flex-end",
+      },
+      undefined,
+      {
+        "opacity": 1,
+      },
+    ]
   }
   testID="GC_SEND_TOUCHABLE"
 >
@@ -54,6 +84,7 @@ exports[`Send should always render <Send /> and compare with snapshot 1`] = `
             "marginRight": 10,
           },
           undefined,
+          undefined,
         ]
       }
     >
@@ -89,7 +120,32 @@ exports[`Send should render <Send /> where there is input and compare with snaps
   accessible={true}
   collapsable={false}
   focusable={true}
+  jestAnimatedProps={
+    {
+      "value": {},
+    }
+  }
+  jestAnimatedStyle={
+    {
+      "value": {
+        "opacity": 1,
+      },
+    }
+  }
+  jestInlineStyle={
+    [
+      [
+        {
+          "height": 44,
+          "justifyContent": "flex-end",
+        },
+        undefined,
+      ],
+    ]
+  }
+  onBlur={[Function]}
   onClick={[Function]}
+  onFocus={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -97,11 +153,16 @@ exports[`Send should render <Send /> where there is input and compare with snaps
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    {
-      "height": 44,
-      "justifyContent": "flex-end",
-      "opacity": 1,
-    }
+    [
+      {
+        "height": 44,
+        "justifyContent": "flex-end",
+      },
+      undefined,
+      {
+        "opacity": 1,
+      },
+    ]
   }
   testID="GC_SEND_TOUCHABLE"
 >
@@ -119,6 +180,7 @@ exports[`Send should render <Send /> where there is input and compare with snaps
             "marginRight": 10,
           },
           undefined,
+          undefined,
         ]
       }
     >