stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

package/src/components/MessageList/__tests__/__snapshots__/MessageList.test.js.snap

@@ -1,936 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MessageList should render the message list and match snapshot 1`] = `
-<View
-  keyboardVerticalOffset={86.5}
-  onLayout={[Function]}
-  style={
-    Object {
-      "paddingBottom": 0,
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "height": "100%",
-      }
-    }
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "alignItems": "center",
-            "flex": 1,
-            "width": "100%",
-          },
-          Object {
-            "backgroundColor": "#FCFCFC",
-          },
-          Object {},
-        ]
-      }
-    >
-      <View
-        testID="message-flat-list"
-      >
-        <View>
-          <View
-            animatedStyle={
-              Object {
-                "value": Object {},
-              }
-            }
-            collapsable={false}
-            forwardedRef={[Function]}
-            onGestureHandlerEvent={[Function]}
-            onGestureHandlerStateChange={[Function]}
-            testID="message-wrapper"
-          >
-            <View
-              animatedStyle={
-                Object {
-                  "value": Object {
-                    "transform": Array [
-                      Object {
-                        "scale": 1,
-                      },
-                    ],
-                  },
-                }
-              }
-              collapsable={false}
-              forwardedRef={[Function]}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              style={
-                Object {
-                  "backgroundColor": undefined,
-                  "paddingHorizontal": 8,
-                  "transform": Array [
-                    Object {
-                      "scale": 1,
-                    },
-                  ],
-                }
-              }
-            >
-              <View
-                animatedStyle={
-                  Object {
-                    "value": Object {
-                      "opacity": 0,
-                    },
-                  }
-                }
-                collapsable={false}
-                style={
-                  Object {
-                    "backgroundColor": "#FBF4DD",
-                    "bottom": 0,
-                    "left": 0,
-                    "opacity": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  }
-                }
-              />
-              <View
-                style={
-                  Array [
-                    Object {
-                      "alignItems": "flex-end",
-                      "flexDirection": "row",
-                    },
-                    Object {
-                      "justifyContent": "flex-start",
-                      "marginBottom": 30,
-                      "marginTop": 0,
-                    },
-                    Object {},
-                  ]
-                }
-                testID="message-simple-wrapper"
-              >
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "marginRight": 8,
-                      },
-                      Object {},
-                    ]
-                  }
-                  testID="message-avatar"
-                >
-                  <View>
-                    <View
-                      style={
-                        Array [
-                          Object {
-                            "alignItems": "center",
-                            "justifyContent": "center",
-                            "overflow": "hidden",
-                          },
-                          Object {
-                            "borderRadius": 16,
-                            "height": 32,
-                            "width": 32,
-                          },
-                          Object {},
-                          undefined,
-                        ]
-                      }
-                    >
-                      <Image
-                        accessibilityLabel="avatar-image"
-                        onError={[Function]}
-                        source={
-                          Object {
-                            "uri": "https://i.imgur.com/iNaC3K7.jpg",
-                          }
-                        }
-                        style={
-                          Array [
-                            Object {
-                              "borderRadius": 16,
-                              "height": 32,
-                              "width": 32,
-                            },
-                            Object {
-                              "borderRadius": 16,
-                              "height": 32,
-                              "width": 32,
-                            },
-                            undefined,
-                          ]
-                        }
-                        testID="avatar-image"
-                      />
-                    </View>
-                  </View>
-                </View>
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "alignItems": "flex-start",
-                      "opacity": 1,
-                      "paddingTop": 2,
-                    }
-                  }
-                >
-                  <View
-                    onLayout={[Function]}
-                    style={Object {}}
-                  >
-                    <View
-                      style={
-                        Array [
-                          Object {
-                            "borderTopLeftRadius": 16,
-                            "borderTopRightRadius": 16,
-                            "borderWidth": 1,
-                            "overflow": "hidden",
-                          },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "borderBottomLeftRadius": 0,
-                            "borderBottomRightRadius": 16,
-                            "borderColor": "#ECEBEB",
-                          },
-                          Object {},
-                          Object {},
-                        ]
-                      }
-                      testID="message-content-wrapper"
-                    >
-                      <View
-                        style={
-                          Array [
-                            Object {
-                              "maxWidth": 250,
-                              "paddingHorizontal": 16,
-                            },
-                            Object {},
-                            undefined,
-                          ]
-                        }
-                        testID="message-text-container"
-                      >
-                        <View
-                          style={
-                            Array [
-                              Object {
-                                "alignSelf": "stretch",
-                              },
-                              undefined,
-                            ]
-                          }
-                        >
-                          <Text
-                            style={
-                              Object {
-                                "alignItems": "flex-start",
-                                "flexDirection": "row",
-                                "flexWrap": "wrap",
-                                "justifyContent": "flex-start",
-                                "marginBottom": 8,
-                                "marginTop": 8,
-                              }
-                            }
-                          >
-                            <Text
-                              style={
-                                Object {
-                                  "color": "#000000",
-                                }
-                              }
-                            >
-                              Message3
-                            </Text>
-                          </Text>
-                        </View>
-                      </View>
-                    </View>
-                  </View>
-                  <View
-                    style={
-                      Object {
-                        "flexDirection": "row",
-                        "marginTop": 4,
-                      }
-                    }
-                    testID="message-status-time"
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#7A7A7A",
-                            "textAlign": "left",
-                          },
-                          Object {
-                            "fontSize": 12,
-                          },
-                        ]
-                      }
-                    >
-                      2:50 PM
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "alignSelf": "center",
-                  "borderRadius": 8,
-                  "height": 16,
-                  "justifyContent": "center",
-                  "marginVertical": 4,
-                  "paddingHorizontal": 8,
-                },
-                Object {
-                  "backgroundColor": "#00000099",
-                },
-                Object {},
-              ]
-            }
-            testID="date-separator"
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "fontSize": 12,
-                    "textAlign": "center",
-                    "textAlignVertical": "center",
-                  },
-                  Object {
-                    "color": "#FFFFFF",
-                  },
-                  Object {},
-                ]
-              }
-            >
-              May 6, 2020
-            </Text>
-          </View>
-        </View>
-        <View>
-          <View
-            animatedStyle={
-              Object {
-                "value": Object {},
-              }
-            }
-            collapsable={false}
-            forwardedRef={[Function]}
-            onGestureHandlerEvent={[Function]}
-            onGestureHandlerStateChange={[Function]}
-            testID="message-wrapper"
-          >
-            <View
-              animatedStyle={
-                Object {
-                  "value": Object {
-                    "transform": Array [
-                      Object {
-                        "scale": 1,
-                      },
-                    ],
-                  },
-                }
-              }
-              collapsable={false}
-              forwardedRef={[Function]}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              style={
-                Object {
-                  "backgroundColor": undefined,
-                  "paddingHorizontal": 8,
-                  "transform": Array [
-                    Object {
-                      "scale": 1,
-                    },
-                  ],
-                }
-              }
-            >
-              <View
-                animatedStyle={
-                  Object {
-                    "value": Object {
-                      "opacity": 0,
-                    },
-                  }
-                }
-                collapsable={false}
-                style={
-                  Object {
-                    "backgroundColor": "#FBF4DD",
-                    "bottom": 0,
-                    "left": 0,
-                    "opacity": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  }
-                }
-              />
-              <View
-                style={
-                  Array [
-                    Object {
-                      "alignItems": "flex-end",
-                      "flexDirection": "row",
-                    },
-                    Object {
-                      "justifyContent": "flex-start",
-                      "marginBottom": 8,
-                      "marginTop": 0,
-                    },
-                    Object {},
-                  ]
-                }
-                testID="message-simple-wrapper"
-              >
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "marginRight": 8,
-                      },
-                      Object {},
-                    ]
-                  }
-                  testID="message-avatar"
-                >
-                  <View>
-                    <View
-                      style={
-                        Array [
-                          Object {
-                            "alignItems": "center",
-                            "justifyContent": "center",
-                            "overflow": "hidden",
-                          },
-                          Object {
-                            "borderRadius": 16,
-                            "height": 32,
-                            "width": 32,
-                          },
-                          Object {},
-                          undefined,
-                        ]
-                      }
-                    >
-                      <Image
-                        accessibilityLabel="avatar-image"
-                        onError={[Function]}
-                        source={
-                          Object {
-                            "uri": "https://i.imgur.com/iNaC3K7.jpg",
-                          }
-                        }
-                        style={
-                          Array [
-                            Object {
-                              "borderRadius": 16,
-                              "height": 32,
-                              "width": 32,
-                            },
-                            Object {
-                              "borderRadius": 16,
-                              "height": 32,
-                              "width": 32,
-                            },
-                            undefined,
-                          ]
-                        }
-                        testID="avatar-image"
-                      />
-                    </View>
-                  </View>
-                </View>
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "alignItems": "flex-start",
-                      "opacity": 1,
-                      "paddingTop": 2,
-                    }
-                  }
-                >
-                  <View
-                    onLayout={[Function]}
-                    style={Object {}}
-                  >
-                    <View
-                      style={
-                        Array [
-                          Object {
-                            "borderTopLeftRadius": 16,
-                            "borderTopRightRadius": 16,
-                            "borderWidth": 1,
-                            "overflow": "hidden",
-                          },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "borderBottomLeftRadius": 0,
-                            "borderBottomRightRadius": 16,
-                            "borderColor": "#ECEBEB",
-                          },
-                          Object {},
-                          Object {},
-                        ]
-                      }
-                      testID="message-content-wrapper"
-                    >
-                      <View
-                        style={
-                          Array [
-                            Object {
-                              "maxWidth": 250,
-                              "paddingHorizontal": 16,
-                            },
-                            Object {},
-                            undefined,
-                          ]
-                        }
-                        testID="message-text-container"
-                      >
-                        <View
-                          style={
-                            Array [
-                              Object {
-                                "alignSelf": "stretch",
-                              },
-                              undefined,
-                            ]
-                          }
-                        >
-                          <Text
-                            style={
-                              Object {
-                                "alignItems": "flex-start",
-                                "flexDirection": "row",
-                                "flexWrap": "wrap",
-                                "justifyContent": "flex-start",
-                                "marginBottom": 8,
-                                "marginTop": 8,
-                              }
-                            }
-                          >
-                            <Text
-                              style={
-                                Object {
-                                  "color": "#000000",
-                                }
-                              }
-                            >
-                              Message2
-                            </Text>
-                          </Text>
-                        </View>
-                      </View>
-                    </View>
-                  </View>
-                  <View
-                    style={
-                      Object {
-                        "flexDirection": "row",
-                        "marginTop": 4,
-                      }
-                    }
-                    testID="message-status-time"
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#7A7A7A",
-                            "textAlign": "left",
-                          },
-                          Object {
-                            "fontSize": 12,
-                          },
-                        ]
-                      }
-                    >
-                      2:49 PM
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </View>
-        </View>
-        <View>
-          <View
-            animatedStyle={
-              Object {
-                "value": Object {},
-              }
-            }
-            collapsable={false}
-            forwardedRef={[Function]}
-            onGestureHandlerEvent={[Function]}
-            onGestureHandlerStateChange={[Function]}
-            testID="message-wrapper"
-          >
-            <View
-              animatedStyle={
-                Object {
-                  "value": Object {
-                    "transform": Array [
-                      Object {
-                        "scale": 1,
-                      },
-                    ],
-                  },
-                }
-              }
-              collapsable={false}
-              forwardedRef={[Function]}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              style={
-                Object {
-                  "backgroundColor": undefined,
-                  "paddingHorizontal": 8,
-                  "transform": Array [
-                    Object {
-                      "scale": 1,
-                    },
-                  ],
-                }
-              }
-            >
-              <View
-                animatedStyle={
-                  Object {
-                    "value": Object {
-                      "opacity": 0,
-                    },
-                  }
-                }
-                collapsable={false}
-                style={
-                  Object {
-                    "backgroundColor": "#FBF4DD",
-                    "bottom": 0,
-                    "left": 0,
-                    "opacity": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  }
-                }
-              />
-              <View
-                style={
-                  Array [
-                    Object {
-                      "alignItems": "flex-end",
-                      "flexDirection": "row",
-                    },
-                    Object {
-                      "justifyContent": "flex-start",
-                      "marginBottom": 8,
-                      "marginTop": 0,
-                    },
-                    Object {},
-                  ]
-                }
-                testID="message-simple-wrapper"
-              >
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "marginRight": 8,
-                      },
-                      Object {},
-                    ]
-                  }
-                  testID="message-avatar"
-                >
-                  <View>
-                    <View
-                      style={
-                        Array [
-                          Object {
-                            "alignItems": "center",
-                            "justifyContent": "center",
-                            "overflow": "hidden",
-                          },
-                          Object {
-                            "borderRadius": 16,
-                            "height": 32,
-                            "width": 32,
-                          },
-                          Object {},
-                          undefined,
-                        ]
-                      }
-                    >
-                      <Image
-                        accessibilityLabel="avatar-image"
-                        onError={[Function]}
-                        source={
-                          Object {
-                            "uri": "https://i.imgur.com/SLx06PP.png",
-                          }
-                        }
-                        style={
-                          Array [
-                            Object {
-                              "borderRadius": 16,
-                              "height": 32,
-                              "width": 32,
-                            },
-                            Object {
-                              "borderRadius": 16,
-                              "height": 32,
-                              "width": 32,
-                            },
-                            undefined,
-                          ]
-                        }
-                        testID="avatar-image"
-                      />
-                    </View>
-                  </View>
-                </View>
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "alignItems": "flex-start",
-                      "opacity": 1,
-                      "paddingTop": 2,
-                    }
-                  }
-                >
-                  <View
-                    onLayout={[Function]}
-                    style={Object {}}
-                  >
-                    <View
-                      style={
-                        Array [
-                          Object {
-                            "borderTopLeftRadius": 16,
-                            "borderTopRightRadius": 16,
-                            "borderWidth": 1,
-                            "overflow": "hidden",
-                          },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "borderBottomLeftRadius": 0,
-                            "borderBottomRightRadius": 16,
-                            "borderColor": "#ECEBEB",
-                          },
-                          Object {},
-                          Object {},
-                        ]
-                      }
-                      testID="message-content-wrapper"
-                    >
-                      <View
-                        style={
-                          Array [
-                            Object {
-                              "maxWidth": 250,
-                              "paddingHorizontal": 16,
-                            },
-                            Object {},
-                            undefined,
-                          ]
-                        }
-                        testID="message-text-container"
-                      >
-                        <View
-                          style={
-                            Array [
-                              Object {
-                                "alignSelf": "stretch",
-                              },
-                              undefined,
-                            ]
-                          }
-                        >
-                          <Text
-                            style={
-                              Object {
-                                "alignItems": "flex-start",
-                                "flexDirection": "row",
-                                "flexWrap": "wrap",
-                                "justifyContent": "flex-start",
-                                "marginBottom": 8,
-                                "marginTop": 8,
-                              }
-                            }
-                          >
-                            <Text
-                              style={
-                                Object {
-                                  "color": "#000000",
-                                }
-                              }
-                            >
-                              Message1
-                            </Text>
-                          </Text>
-                        </View>
-                      </View>
-                    </View>
-                  </View>
-                  <View
-                    style={
-                      Object {
-                        "flexDirection": "row",
-                        "marginTop": 4,
-                      }
-                    }
-                    testID="message-status-time"
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#7A7A7A",
-                            "textAlign": "left",
-                          },
-                          Object {
-                            "fontSize": 12,
-                          },
-                        ]
-                      }
-                    >
-                      2:48 PM
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "alignSelf": "center",
-                  "borderRadius": 8,
-                  "height": 16,
-                  "justifyContent": "center",
-                  "marginVertical": 4,
-                  "paddingHorizontal": 8,
-                },
-                Object {
-                  "backgroundColor": "#00000099",
-                },
-                Object {},
-              ]
-            }
-            testID="date-separator"
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "fontSize": 12,
-                    "textAlign": "center",
-                    "textAlignVertical": "center",
-                  },
-                  Object {
-                    "color": "#FFFFFF",
-                  },
-                  Object {},
-                ]
-              }
-            >
-              May 5, 2020
-            </Text>
-          </View>
-        </View>
-      </View>
-      <View
-        style={
-          Object {
-            "position": "absolute",
-            "top": 0,
-          }
-        }
-      />
-      <View
-        style={
-          Array [
-            Object {
-              "alignItems": "center",
-              "left": 0,
-              "paddingVertical": 4,
-              "position": "absolute",
-              "right": 0,
-              "top": 0,
-            },
-            Object {
-              "backgroundColor": "#7A7A7AE6",
-            },
-            Object {},
-          ]
-        }
-        testID="error-notification"
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#FFFFFF",
-                "fontSize": 14,
-              },
-              Object {},
-            ]
-          }
-        >
-          Reconnecting...
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;