react-native-gifted-chat 3.0.0-alpha.0 → 3.0.0

package/src/__tests__/{MessageContainer.test.tsx → MessagesContainer.test.tsx}

@@ -1,36 +1,36 @@
 import React from 'react'
 import { render } from '@testing-library/react-native'
 
-import { MessageContainer } from '..'
+import { MessagesContainer } from '..'
 import { DEFAULT_TEST_MESSAGE } from './data'
 
-it('should render <MessageContainer /> without crashing', () => {
+it('should render <MessagesContainer /> without crashing', () => {
   // Just verify it renders without throwing
   expect(() => render(
-    <MessageContainer
+    <MessagesContainer
       messages={[DEFAULT_TEST_MESSAGE]}
       user={{ _id: 1 }}
     />
   )).not.toThrow()
 })
 
-it('should render <MessageContainer /> with multiple messages', () => {
+it('should render <MessagesContainer /> with multiple messages', () => {
   const messages = [
     { ...DEFAULT_TEST_MESSAGE, _id: 'test1' },
     { ...DEFAULT_TEST_MESSAGE, _id: 'test2' },
   ]
 
   expect(() => render(
-    <MessageContainer
+    <MessagesContainer
       messages={messages}
       user={{ _id: 1 }}
     />
   )).not.toThrow()
 })
 
-it('should render <MessageContainer /> with empty messages', () => {
+it('should render <MessagesContainer /> with empty messages', () => {
   expect(() => render(
-    <MessageContainer
+    <MessagesContainer
       messages={[]}
       user={{ _id: 1 }}
     />

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

@@ -2,31 +2,39 @@
 
 exports[`should render <Actions /> and compare with snapshot 1`] = `
 <View
-  accessibilityState={
+  style={
     {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
+      "alignItems": "flex-end",
     }
   }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
+>
+  <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": false,
+        "expanded": undefined,
+        "selected": undefined,
+      }
     }
-  }
-  accessible={true}
-  focusable={true}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-/>
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+  />
+</View>
 `;

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

@@ -1,36 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should render <Composer /> and compare with snapshot 1`] = `
-<TextInput
-  accessibilityLabel="Type a message..."
-  accessible={true}
-  enablesReturnKeyAutomatically={true}
-  keyboardAppearance="default"
-  multiline={true}
-  onContentSizeChange={[Function]}
-  placeholder="Type a message..."
-  placeholderTextColor="#b2b2b2"
+<View
   style={
-    [
-      {
-        "flex": 1,
-      },
-      {
-        "fontSize": 16,
-        "lineHeight": 22,
-        "marginBottom": 5,
-        "marginLeft": 10,
-        "marginTop": 6,
-      },
-      undefined,
-      undefined,
-      {
-        "height": 33,
-      },
-    ]
+    {
+      "flex": 1,
+    }
   }
-  testID="Type a message..."
-  underlineColorAndroid="transparent"
-  value=""
-/>
+>
+  <TextInput
+    accessibilityLabel="Type a message..."
+    accessible={true}
+    enablesReturnKeyAutomatically={true}
+    keyboardAppearance="default"
+    multiline={true}
+    placeholder="Type a message..."
+    placeholderTextColor="#b2b2b2"
+    style={
+      [
+        {
+          "fontSize": 16,
+          "lineHeight": 22,
+          "paddingBottom": 10,
+          "paddingTop": 8,
+        },
+        undefined,
+      ]
+    }
+    testID="Type a message..."
+    underlineColorAndroid="transparent"
+    value=""
+  />
+</View>
 `;

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

@@ -3,8 +3,6 @@
 exports[`should compare Constant with snapshot 1`] = `
 {
   "DATE_FORMAT": "D MMMM",
-  "MAX_COMPOSER_HEIGHT": 200,
-  "MIN_COMPOSER_HEIGHT": 33,
   "TEST_ID": {
     "LOADING_WRAPPER": "GC_LOADING_CONTAINER",
     "SEND_TOUCHABLE": "GC_SEND_TOUCHABLE",

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

@@ -1,48 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should render <GiftedChat/> and compare with snapshot 1`] = `
-<KeyboardProvider>
-  <View
-    style={
-      {
-        "flex": 1,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-        }
-      }
-    >
-      <View
-        onLayout={[Function]}
-        style={
-          [
-            {
-              "flex": 1,
-            },
-            {
-              "overflow": "hidden",
-            },
-          ]
-        }
-        testID="GC_WRAPPER"
-      />
-    </View>
-  </View>
-</KeyboardProvider>
-`;
-
-exports[`should render <GiftedChat/> with isKeyboardInternallyHandled=false 1`] = `
-<KeyboardProvider>
-  <View
-    style={
-      {
-        "flex": 1,
-      }
+<View
+  style={
+    {
+      "flex": 1,
     }
+  }
+>
+  <KeyboardProvider
+    navigationBarTranslucent={true}
+    statusBarTranslucent={true}
   >
     <View
       style={
@@ -52,20 +20,29 @@ exports[`should render <GiftedChat/> with isKeyboardInternallyHandled=false 1`]
       }
     >
       <View
-        onLayout={[Function]}
+        behavior="padding"
         style={
-          [
-            {
-              "flex": 1,
-            },
-            {
-              "overflow": "hidden",
-            },
-          ]
+          {
+            "flex": 1,
+          }
         }
-        testID="GC_WRAPPER"
-      />
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            [
+              {
+                "flex": 1,
+              },
+              {
+                "overflow": "hidden",
+              },
+            ]
+          }
+          testID="GC_WRAPPER"
+        />
+      </View>
     </View>
-  </View>
-</KeyboardProvider>
+  </KeyboardProvider>
+</View>
 `;

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

@@ -4,12 +4,14 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
 <View
   style={
     [
-      {
-        "backgroundColor": "#fff",
-        "borderTopColor": "#b2b2b2",
-        "borderTopWidth": 0.5,
-      },
-      false,
+      [
+        {
+          "backgroundColor": "#fff",
+          "borderTopColor": "#b2b2b2",
+          "borderTopWidth": 0.5,
+        },
+        undefined,
+      ],
       undefined,
     ]
   }
@@ -17,46 +19,115 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
   <View
     style={
       [
-        {
-          "alignItems": "flex-end",
-          "flexDirection": "row",
-        },
+        [
+          {
+            "alignItems": "flex-end",
+            "flexDirection": "row",
+          },
+          undefined,
+        ],
         undefined,
       ]
     }
   >
-    <TextInput
-      accessibilityLabel="Type a message..."
-      accessible={true}
-      enablesReturnKeyAutomatically={true}
-      keyboardAppearance="default"
-      multiline={true}
-      onContentSizeChange={[Function]}
-      placeholder="Type a message..."
-      placeholderTextColor="#b2b2b2"
+    <View
       style={
+        {
+          "flex": 1,
+        }
+      }
+    >
+      <TextInput
+        accessibilityLabel="Type a message..."
+        accessible={true}
+        enablesReturnKeyAutomatically={true}
+        keyboardAppearance="default"
+        multiline={true}
+        placeholder="Type a message..."
+        placeholderTextColor="#b2b2b2"
+        style={
+          [
+            {
+              "fontSize": 16,
+              "lineHeight": 22,
+              "paddingBottom": 10,
+              "paddingTop": 8,
+            },
+            undefined,
+          ]
+        }
+        testID="Type a message..."
+        underlineColorAndroid="transparent"
+        value=""
+      />
+    </View>
+    <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {
+            "opacity": 0,
+          },
+        }
+      }
+      jestInlineStyle={
         [
           {
-            "flex": 1,
+            "justifyContent": "flex-end",
           },
+          undefined,
+        ]
+      }
+      pointerEvents="none"
+      style={
+        [
           {
-            "fontSize": 16,
-            "lineHeight": 22,
-            "marginBottom": 5,
-            "marginLeft": 10,
-            "marginTop": 6,
+            "justifyContent": "flex-end",
           },
           undefined,
-          undefined,
           {
-            "height": 33,
+            "opacity": 0,
           },
         ]
       }
-      testID="Type a message..."
-      underlineColorAndroid="transparent"
-      value=""
-    />
+    >
+      <View
+        accessibilityLabel="send"
+        accessibilityRole="button"
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
+        focusable={true}
+        onClick={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        testID="GC_SEND_TOUCHABLE"
+      />
+    </View>
   </View>
 </View>
 `;