stream-chat-react-native-core 10.0.1-beta.1 → 10.0.1-beta.2

package/src/components/MessageInput/components/LinkPreviewList.tsx

@@ -55,7 +55,11 @@ export const LinkPreviewCard = ({ linkPreview }: LinkPreviewProps) => {
   }
 
   return (
-    <Animated.View layout={LinearTransition.duration(200)} style={styles.wrapper}>
+    <Animated.View
+      layout={LinearTransition.duration(200)}
+      style={styles.wrapper}
+      testID='composer-link-preview'
+    >
       <View style={styles.container}>
         <View style={styles.imageWrapper}>
           <ImageComponent source={{ uri: image_url ?? thumb_url }} style={styles.thumbnail} />
@@ -87,7 +91,7 @@ export const LinkPreviewCard = ({ linkPreview }: LinkPreviewProps) => {
         </View>
       </View>
       <View style={styles.dismissWrapper}>
-        <AttachmentRemoveControl onPress={dismissPreview} />
+        <AttachmentRemoveControl onPress={dismissPreview} testID='composer-link-preview-dismiss' />
       </View>
     </Animated.View>
   );

package/src/components/MessageList/InlineUnreadIndicator.tsx

@@ -15,7 +15,11 @@ export const InlineUnreadIndicator = (props: InlineUnreadIndicatorProps) => {
   const { t } = useTranslationContext();
 
   return (
-    <View accessibilityLabel='Inline unread indicator' style={styles.container}>
+    <View
+      accessibilityLabel='Inline unread indicator'
+      style={styles.container}
+      testID='inline-unread-indicator'
+    >
       <Text style={styles.text}>
         {unreadCount
           ? t('messageList.newMessages.text', {

package/src/components/MessageList/ScrollToBottomButton.tsx

@@ -78,6 +78,7 @@ export const ScrollToBottomButton = (props: ScrollToBottomButtonProps) => {
         accessibilityElementsHidden
         importantForAccessibility='no-hide-descendants'
         style={styles.unreadCountNotificationContainer}
+        testID='scroll-to-bottom-button-unread-count'
       >
         {unreadCount ? (
           <BadgeNotification count={unreadCount} size='xs' type='primary' testID='unread-count' />

package/src/components/MessageList/UnreadMessagesNotification.tsx

@@ -82,7 +82,7 @@ export const UnreadMessagesNotification = (props: UnreadMessagesNotificationProp
   const styles = useStyles();
 
   return (
-    <View style={styles.container}>
+    <View style={styles.container} testID='unread-messages-notification'>
       <View style={styles.leftButtonContainer}>
         <Button
           variant='secondary'
@@ -95,6 +95,7 @@ export const UnreadMessagesNotification = (props: UnreadMessagesNotificationProp
           }
           onPress={handleOnPress}
           size='md'
+          testID='unread-messages-notification-button'
         />
       </View>
       <View style={styles.rightButtonContainer}>
@@ -106,6 +107,7 @@ export const UnreadMessagesNotification = (props: UnreadMessagesNotificationProp
           LeadingIcon={icons.NewClose}
           onPress={handleClose}
           size='md'
+          testID='unread-messages-notification-dismiss-button'
         />
       </View>
     </View>

package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.tsx.snap

@@ -218,6 +218,7 @@ exports[`ScrollToBottomButton should render the message notification and match s
         "top": 0,
       }
     }
+    testID="scroll-to-bottom-button-unread-count"
   />
 </View>
 `;

package/src/components/MessageMenu/EmojiPickerList.tsx

@@ -17,10 +17,14 @@ const EMOJI_CELL_SIZE = 54;
 
 const emojiKeyExtractor = (item: string) => `unicode-${item}`;
 
-export const Emoji = ({ item, size }: { item: string; size: number }) => {
+export const Emoji = ({ item, size, testID }: { item: string; size: number; testID?: string }) => {
   const styles = useStyles();
   return (
-    <Text style={[styles.emojiText, { fontSize: size, lineHeight: size + 4 }]} numberOfLines={1}>
+    <Text
+      style={[styles.emojiText, { fontSize: size, lineHeight: size + 4 }]}
+      numberOfLines={1}
+      testID={testID}
+    >
       {item}
     </Text>
   );

package/src/components/MessageMenu/MessageActionListItem.tsx

@@ -79,6 +79,7 @@ export const MessageActionListItem = (props: MessageActionListItemProps) => {
         styles.buttonContainer,
         { backgroundColor: pressed ? semantics.backgroundUtilityPressed : 'transparent' },
       ]}
+      testID={`message-action-${actionType}`}
     >
       <View style={[styles.container, container]}>
         <View style={iconTheme}>{icon}</View>

package/src/components/MessageMenu/ReactionButton.tsx

@@ -47,6 +47,7 @@ export const ReactionButton = (props: ReactionButtonProps) => {
   return (
     <View style={styles.reactionButton}>
       <Button
+        testID={`reaction-button-${type}`}
         variant={'secondary'}
         type={'outline'}
         iconOnly={!count}

package/src/components/Poll/components/PollOption.tsx

@@ -221,6 +221,7 @@ export const VoteButton = ({ forceIncoming, onPress, option }: PollVoteButtonPro
       accessibilityRole={poll.data?.enforce_unique_vote ? 'radio' : 'checkbox'}
       accessibilityState={accessibilityState}
       onPress={onPressHandler}
+      testID={hasVote ? 'poll-vote-button-checked' : 'poll-vote-button'}
       style={({ pressed }) => [
         { opacity: pressed ? 0.5 : 1 },
         styles.voteContainer,

package/src/components/Reply/Reply.tsx

@@ -162,7 +162,10 @@ export const ReplyWithContext = (props: ReplyPropsWithContext) => {
       accessibilityRole='text'
       style={[!messageFromContext?.quoted_message ? styles.wrapper : null, wrapper]}
     >
-      <View style={[styles.container, container, stylesProp?.container]}>
+      <View
+        style={[styles.container, container, stylesProp?.container]}
+        testID={messageFromContext?.quoted_message ? 'quoted-message' : 'reply-composer-preview'}
+      >
         <View style={[styles.leftContainer, leftContainer, stylesProp?.leftContainer]}>
           <Text numberOfLines={1} style={[styles.title, titleStyle, stylesProp?.title]}>
             {title}

package/src/components/UIComponents/SwipableWrapper.tsx

@@ -107,7 +107,11 @@ export const RightActions = ({
         const Content = item.Content;
         return (
           <Animated.View key={item.id} style={[styles.action, animatedActionWidthStyle]}>
-            <Pressable onPress={item.action} style={StyleSheet.absoluteFill}>
+            <Pressable
+              onPress={item.action}
+              style={StyleSheet.absoluteFill}
+              testID={`swipe-action-${item.id}`}
+            >
               <View style={item.contentContainerStyle}>
                 <Animated.View style={animatedIconScaleStyle}>
                   <Content />

package/src/i18n/__tests__/catalog.fixture.json

@@ -248,6 +248,8 @@
   "message.pinnedBy.text": "Pinned by",
   "message.reactionList.more.accessibilityLabel_one": "and {{count}} more reaction",
   "message.reactionList.more.accessibilityLabel_other": "and {{count}} more reactions",
+  "message.reactionList.total.accessibilityLabel_one": "{{count}} reaction",
+  "message.reactionList.total.accessibilityLabel_other": "{{count}} reactions",
   "message.reactionList.viewHint.accessibilityLabel": "Double tap to view reactions",
   "message.reactionList.youReacted.accessibilityLabel": "you reacted",
   "message.reminderOverdue.text": "Reminder overdue",

package/src/i18n/keys.ts

@@ -259,6 +259,8 @@ export type TranslationCatalog = {
   'message.pinnedBy.text': 'Pinned by';
   'message.reactionList.more.accessibilityLabel_one': 'and {{count}} more reaction';
   'message.reactionList.more.accessibilityLabel_other': 'and {{count}} more reactions';
+  'message.reactionList.total.accessibilityLabel_one': '{{count}} reaction';
+  'message.reactionList.total.accessibilityLabel_other': '{{count}} reactions';
   'message.reactionList.viewHint.accessibilityLabel': 'Double tap to view reactions';
   'message.reactionList.youReacted.accessibilityLabel': 'you reacted';
   'message.reminderOverdue.text': 'Reminder overdue';

package/src/i18n/runtimeDefaults.ts

@@ -100,8 +100,12 @@ export const runtimeDefaults = {
     'Double tap and hold to activate contextual menu',
   'message.content.fromSender.accessibilityLabel': 'Message from {{sender}}',
   'message.content.fromYou.accessibilityLabel': 'Message from you',
+  // No longer rendered: the clustered list labels its count with `total` instead. Kept so existing
+  // overrides still type-check; remove in the next major.
   'message.reactionList.more.accessibilityLabel_one': 'and {{count}} more reaction',
   'message.reactionList.more.accessibilityLabel_other': 'and {{count}} more reactions',
+  'message.reactionList.total.accessibilityLabel_one': '{{count}} reaction',
+  'message.reactionList.total.accessibilityLabel_other': '{{count}} reactions',
   'message.reactionList.viewHint.accessibilityLabel': 'Double tap to view reactions',
   'message.reactionList.youReacted.accessibilityLabel': 'you reacted',
   'message.status.delivered.accessibilityLabel': 'Delivered',

package/src/utils/__tests__/Streami18n.test.ts

@@ -63,6 +63,7 @@ describe('runtimeDefaults', () => {
     ['avatar.channel.group.accessibilityLabel', 'Channel with 1 member'],
     ['channelPreview.unreadCount.accessibilityLabel', '1 unread message'],
     ['message.reactionList.more.accessibilityLabel', 'and 1 more reaction'],
+    ['message.reactionList.total.accessibilityLabel', '1 reaction'],
     ['messageList.scrollToBottom.withCount.accessibilityLabel', 'Scroll to bottom, 1 new message'],
   ])('uses the singular of %s for a count of 1', async (key, singular) => {
     const { t } = await new Streami18n().init();

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "10.0.1-beta.1"
+  "version": "10.0.1-beta.2"
 }