react-native-gifted-chat 2.4.1 → 2.6.0

package/src/__tests__/Constant.test.tsx

@@ -0,0 +1,5 @@
+import * as Constant from '../Constant'
+
+it('should compare Constant with snapshot', () => {
+  expect(Constant).toMatchSnapshot()
+})

package/src/__tests__/Day.test.tsx

@@ -0,0 +1,23 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { Day } from '../GiftedChat'
+import { DEFAULT_TEST_MESSAGE } from './data'
+
+describe('Day', () => {
+  it('should not render <Day /> and compare with snapshot', () => {
+    const component = renderer.create(<Day />)
+    const tree = component.toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should render <Day /> and compare with snapshot', () => {
+    const component = renderer.create(
+      <Day currentMessage={DEFAULT_TEST_MESSAGE} />
+    )
+    const tree = component.toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+})

package/src/__tests__/GiftedAvatar.test.tsx

@@ -0,0 +1,11 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { GiftedAvatar } from '../GiftedChat'
+
+it('should render <GiftedAvatar /> and compare with snapshot', () => {
+  const tree = renderer.create(<GiftedAvatar />).toJSON()
+
+  expect(tree).toMatchSnapshot()
+})

package/src/__tests__/GiftedChat.test.tsx

@@ -0,0 +1,36 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+
+import { GiftedChat } from '../GiftedChat'
+
+const messages = [
+  {
+    _id: 1,
+    text: 'Hello developer',
+    createdAt: new Date(),
+    user: {
+      _id: 2,
+      name: 'React Native',
+    },
+  },
+]
+
+it('should render <GiftedChat/> and compare with snapshot', () => {
+  const tree = renderer
+    .create(
+      <SafeAreaProvider>
+        <GiftedChat
+          messages={messages}
+          onSend={() => { }}
+          user={{
+            _id: 1,
+          }}
+        />
+      </SafeAreaProvider>
+    )
+    .toJSON()
+
+  expect(tree).toMatchSnapshot()
+})

package/src/__tests__/InputToolbar.test.tsx

@@ -0,0 +1,11 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { InputToolbar } from '../GiftedChat'
+
+it('should render <InputToolbar /> and compare with snapshot', () => {
+  const tree = renderer.create(<InputToolbar />).toJSON()
+
+  expect(tree).toMatchSnapshot()
+})

package/src/__tests__/LoadEarlier.test.tsx

@@ -0,0 +1,11 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { LoadEarlier } from '../GiftedChat'
+
+it('should render <LoadEarlier /> and compare with snapshot', () => {
+  const tree = renderer.create(<LoadEarlier />).toJSON()
+
+  expect(tree).toMatchSnapshot()
+})

package/src/__tests__/Message.test.tsx

@@ -0,0 +1,77 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { Message } from '../GiftedChat'
+
+describe('Message component', () => {
+  it('should render <Message /> and compare with snapshot', () => {
+    const tree = renderer
+      .create(
+        <Message
+          key='123'
+          user={{ _id: 1 }}
+          currentMessage={{
+            _id: 1,
+            text: 'test',
+            createdAt: 1554744013721,
+            user: { _id: 1 },
+          }}
+        />
+      )
+      .toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should NOT render <Message />', () => {
+    const tree = renderer
+      .create(<Message key='123' user={{ _id: 1 }} currentMessage={null} />)
+      .toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should render <Message /> with Avatar', () => {
+    const tree = renderer
+      .create(
+        <Message
+          key='123'
+          user={{ _id: 1 }}
+          currentMessage={{
+            _id: 1,
+            text: 'test',
+            createdAt: 1554744013721,
+            user: { _id: 1 },
+          }}
+          showUserAvatar
+        />
+      )
+      .toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should render null if user has no Avatar', () => {
+    const tree = renderer
+      .create(
+        <Message
+          key='123'
+          user={{ _id: 1 }}
+          currentMessage={{
+            _id: 1,
+            text: 'test',
+            createdAt: 1554744013721,
+            user: {
+              _id: 1,
+              avatar: null,
+            },
+          }}
+          showUserAvatar
+        />
+      )
+      .toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+})

package/src/__tests__/MessageContainer.test.tsx

@@ -0,0 +1,11 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { MessageContainer } from '../GiftedChat'
+
+it('should render <MessageContainer /> and compare with snapshot', () => {
+  const tree = renderer.create(<MessageContainer />).toJSON()
+
+  expect(tree).toMatchSnapshot()
+})

package/src/__tests__/MessageImage.test.tsx

@@ -0,0 +1,27 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { MessageImage } from '../GiftedChat'
+import { DEFAULT_TEST_MESSAGE } from './data'
+
+describe('MessageImage', () => {
+  it('should not render <MessageImage /> and compare with snapshot', () => {
+    const tree = renderer.create(<MessageImage />).toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should  render <MessageImage /> and compare with snapshot', () => {
+    const tree = renderer
+      .create(
+        <MessageImage
+          currentMessage={{
+            ...DEFAULT_TEST_MESSAGE,
+            image: 'url://to/image.png',
+          }}
+        />
+      )
+      .toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+})

package/src/__tests__/MessageText.test.tsx

@@ -0,0 +1,11 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { MessageText } from '../GiftedChat'
+
+it('should render <MessageText /> and compare with snapshot', () => {
+  const tree = renderer.create(<MessageText />).toJSON()
+
+  expect(tree).toMatchSnapshot()
+})

package/src/__tests__/Send.test.tsx

@@ -0,0 +1,22 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { Send } from '../GiftedChat'
+
+describe('Send', () => {
+  it('should not render <Send /> and compare with snapshot', () => {
+    const tree = renderer.create(<Send />).toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should always render <Send /> and compare with snapshot', () => {
+    const tree = renderer.create(<Send alwaysShowSend />).toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should render <Send /> where there is input and compare with snapshot', () => {
+    const tree = renderer.create(<Send text='test input' />).toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+})

package/src/__tests__/SystemMessage.test.tsx

@@ -0,0 +1,27 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { SystemMessage } from '../GiftedChat'
+import { DEFAULT_TEST_MESSAGE } from './data'
+
+describe('SystemMessage', () => {
+  it('should not render <SystemMessage /> and compare with snapshot', () => {
+    const tree = renderer.create(<SystemMessage />).toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should render <SystemMessage /> and compare with snapshot', () => {
+    const tree = renderer
+      .create(
+        <SystemMessage
+          currentMessage={{
+            ...DEFAULT_TEST_MESSAGE,
+            system: true,
+          }}
+        />
+      )
+      .toJSON()
+    expect(tree).toMatchSnapshot()
+  })
+})

package/src/__tests__/Time.test.tsx

@@ -0,0 +1,29 @@
+import 'react-native'
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { Time } from '../GiftedChat'
+import { DEFAULT_TEST_MESSAGE } from './data'
+
+describe('Time', () => {
+  it('should not render <Time /> and compare with snapshot', () => {
+    const component = renderer.create(<Time />)
+    const tree = component.toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+
+  it('should render <Time /> and compare with snapshot', () => {
+    const component = renderer.create(
+      <Time
+        currentMessage={{
+          ...DEFAULT_TEST_MESSAGE,
+          createdAt: new Date(2022, 3, 17, 10, 5, 2),
+        }}
+      />
+    )
+    const tree = component.toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+})

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

@@ -0,0 +1,76 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render <Actions /> 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}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  style={
+    {
+      "height": 26,
+      "marginBottom": 10,
+      "marginLeft": 10,
+      "opacity": 1,
+      "width": 26,
+    }
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignItems": "center",
+          "borderColor": "#b2b2b2",
+          "borderRadius": 13,
+          "borderWidth": 2,
+          "flex": 1,
+          "justifyContent": "center",
+        },
+        undefined,
+      ]
+    }
+  >
+    <Text
+      style={
+        [
+          {
+            "backgroundColor": "transparent",
+            "color": "#b2b2b2",
+            "fontSize": 16,
+            "fontWeight": "bold",
+            "lineHeight": 16,
+            "textAlign": "center",
+          },
+          undefined,
+        ]
+      }
+    >
+      +
+    </Text>
+  </View>
+</View>
+`;

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

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render <Avatar /> and compare with snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "marginRight": 8,
+      },
+      undefined,
+      undefined,
+    ]
+  }
+>
+  renderAvatar
+</View>
+`;

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

@@ -0,0 +1,145 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render <Bubble /> and compare with snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "alignItems": "flex-start",
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      [
+        {
+          "backgroundColor": "#f0f0f0",
+          "borderRadius": 15,
+          "justifyContent": "flex-end",
+          "marginRight": 60,
+          "minHeight": 20,
+        },
+        null,
+        null,
+        undefined,
+      ]
+    }
+  >
+    <View
+      accessibilityRole="text"
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessible={true}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+    >
+      <View>
+        <View
+          style={
+            [
+              {},
+              undefined,
+            ]
+          }
+        >
+          <Text
+            style={
+              [
+                {
+                  "color": "black",
+                  "fontSize": 16,
+                  "lineHeight": 20,
+                  "marginBottom": 5,
+                  "marginLeft": 10,
+                  "marginRight": 10,
+                  "marginTop": 5,
+                },
+                undefined,
+                undefined,
+              ]
+            }
+          >
+            <Text
+              style={
+                [
+                  [
+                    {
+                      "color": "black",
+                      "fontSize": 16,
+                      "lineHeight": 20,
+                      "marginBottom": 5,
+                      "marginLeft": 10,
+                      "marginRight": 10,
+                      "marginTop": 5,
+                    },
+                    undefined,
+                    undefined,
+                  ],
+                  undefined,
+                ]
+              }
+            >
+              test
+            </Text>
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          [
+            {
+              "flexDirection": "row",
+              "justifyContent": "flex-start",
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          style={
+            [
+              {
+                "marginBottom": 5,
+                "marginLeft": 10,
+                "marginRight": 10,
+              },
+              undefined,
+            ]
+          }
+        >
+          <Text
+            style={
+              [
+                {
+                  "color": "#aaa",
+                  "fontSize": 10,
+                  "textAlign": "right",
+                },
+                undefined,
+              ]
+            }
+          >
+            7:20 PM
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;

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

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should compare Color with snapshot 1`] = `
+{
+  "alizarin": "#e74c3c",
+  "backgroundTransparent": "transparent",
+  "black": "#000",
+  "carrot": "#e67e22",
+  "defaultBlue": "#0084ff",
+  "defaultColor": "#b2b2b2",
+  "emerald": "#2ecc71",
+  "leftBubbleBackground": "#f0f0f0",
+  "midnightBlue": "#2c3e50",
+  "optionTintColor": "#007AFF",
+  "peterRiver": "#3498db",
+  "timeTextColor": "#aaa",
+  "turquoise": "#1abc9c",
+  "white": "#fff",
+  "wisteria": "#8e44ad",
+}
+`;

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

@@ -0,0 +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}
+  autoFocus={false}
+  editable={true}
+  enablesReturnKeyAutomatically={true}
+  keyboardAppearance="default"
+  multiline={true}
+  onContentSizeChange={[Function]}
+  placeholder="Type a message..."
+  placeholderTextColor="#b2b2b2"
+  style={
+    [
+      {
+        "flex": 1,
+        "fontSize": 16,
+        "lineHeight": 22,
+        "marginBottom": 5,
+        "marginLeft": 10,
+        "marginTop": 6,
+      },
+      undefined,
+      {
+        "height": 33,
+      },
+    ]
+  }
+  testID="Type a message..."
+  underlineColorAndroid="transparent"
+  value=""
+/>
+`;

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

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should compare Constant with snapshot 1`] = `
+{
+  "DATE_FORMAT": "ll",
+  "DEFAULT_PLACEHOLDER": "Type a message...",
+  "MAX_COMPOSER_HEIGHT": 200,
+  "MIN_COMPOSER_HEIGHT": 33,
+  "TEST_ID": {
+    "LOADING_WRAPPER": "GC_LOADING_CONTAINER",
+    "SEND_TOUCHABLE": "GC_SEND_TOUCHABLE",
+    "WRAPPER": "GC_WRAPPER",
+  },
+  "TIME_FORMAT": "LT",
+}
+`;

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

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Day should not render <Day /> and compare with snapshot 1`] = `null`;
+
+exports[`Day should render <Day /> and compare with snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "alignItems": "center",
+        "justifyContent": "center",
+        "marginBottom": 10,
+        "marginTop": 5,
+      },
+      undefined,
+    ]
+  }
+>
+  <View>
+    <Text
+      style={
+        [
+          {
+            "backgroundColor": "transparent",
+            "color": "#b2b2b2",
+            "fontSize": 12,
+            "fontWeight": "600",
+          },
+          undefined,
+        ]
+      }
+    >
+      Apr 17, 2022
+    </Text>
+  </View>
+</View>
+`;

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

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render <GiftedAvatar /> and compare with snapshot 1`] = `
+<View
+  accessibilityRole="image"
+  style={
+    [
+      {
+        "alignItems": "center",
+        "borderRadius": 20,
+        "height": 40,
+        "justifyContent": "center",
+        "width": 40,
+      },
+      {
+        "backgroundColor": "transparent",
+      },
+      {},
+    ]
+  }
+/>
+`;