recent-dms: Distinguish isBot: true users with a bot marker

Fixes: #636

Author: sm-sayedi

lib/widgets/recent_dm_conversations.dart

@@ -93,17 +93,20 @@ class RecentDmConversationsItem extends StatelessWidget {
 
     final String title;
     final Widget avatar;
+    final bool isBot;
     switch (narrow.otherRecipientIds) { // TODO dedupe with DM items in [InboxPage]
       case []:
         title = selfUser.fullName;
         avatar = AvatarImage(userId: selfUser.userId, size: _avatarSize);
+        isBot = false;
       case [var otherUserId]:
         // TODO(#296) actually don't show this row if the user is muted?
         //   (should we offer a "spam folder" style summary screen of recent
         //   1:1 DM conversations from muted users?)
         final otherUser = store.users[otherUserId];
         title = otherUser?.fullName ?? '(unknown user)';
         avatar = AvatarImage(userId: otherUserId, size: _avatarSize);
+        isBot = otherUser?.isBot ?? false;
       default:
         // TODO(i18n): List formatting, like you can do in JavaScript:
         //   new Intl.ListFormat('ja').format(['Chris', 'Greg', 'Alya'])
@@ -114,6 +117,7 @@ class RecentDmConversationsItem extends StatelessWidget {
           child: Center(
             // TODO(#95) need dark-theme color
             child: Icon(ZulipIcons.group_dm, color: Colors.black.withOpacity(0.5))));
+        isBot = false;
     }
 
     return Material(
@@ -131,16 +135,27 @@ class RecentDmConversationsItem extends StatelessWidget {
             const SizedBox(width: 8),
             Expanded(child: Padding(
               padding: const EdgeInsets.symmetric(vertical: 4),
-              child: Text(
-                style: const TextStyle(
-                  fontSize: 17,
-                  height: (20 / 17),
-                  // TODO(#95) need dark-theme color
-                  color: Color(0xFF222222),
-                ),
-                maxLines: 2,
-                overflow: TextOverflow.ellipsis,
-                title))),
+              child: Row(
+                children: [
+                  Flexible(child: Text(
+                    style: const TextStyle(
+                      fontSize: 17,
+                      height: (20 / 17),
+                      // TODO(#95) need dark-theme color
+                      color: Color(0xFF222222),
+                    ),
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                    title)),
+                  if (isBot) ...[
+                    const SizedBox(width: 5),
+                    const Icon(
+                      ZulipIcons.bot,
+                      size: 15,
+                      color: Color.fromARGB(255, 159, 173, 173),
+                    ),
+                  ],
+                ]))),
             const SizedBox(width: 12),
             unreadCount > 0
               ? Padding(padding: const EdgeInsetsDirectional.only(end: 16),

test/widgets/recent_dm_conversations_test.dart

@@ -149,6 +149,14 @@ void main() {
         }
       }
 
+      void checkBotIcon({required bool appears}) {
+        final botFinder = find.descendant(
+          of: find.byType(RecentDmConversationsItem),
+          matching: find.byIcon(ZulipIcons.bot));
+
+        check(botFinder.evaluate().length).equals(appears ? 1 : 0);
+      }
+
       Future<void> markMessageAsRead(WidgetTester tester, Message message) async {
         final store = await testBinding.globalStore.perAccount(eg.selfAccount.id);
         await store.handleEvent(UpdateMessageFlagsAddEvent(
@@ -176,6 +184,7 @@ void main() {
 
           checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
           checkTitle(tester, eg.selfUser.fullName);
+          checkBotIcon(appears: false);
         });
 
         testWidgets('short name takes one line', (WidgetTester tester) async {
@@ -184,6 +193,7 @@ void main() {
           await setupPage(tester, users: [], dmMessages: [message],
             newNameForSelfUser: name);
           checkTitle(tester, name, 1);
+          checkBotIcon(appears: false);
         });
 
         testWidgets('very long name takes two lines (must be ellipsized)', (WidgetTester tester) async {
@@ -192,6 +202,7 @@ void main() {
           await setupPage(tester, users: [], dmMessages: [message],
             newNameForSelfUser: name);
           checkTitle(tester, name, 2);
+          checkBotIcon(appears: false);
         });
 
         testWidgets('unread counts', (WidgetTester tester) async {
@@ -201,43 +212,95 @@ void main() {
           checkUnreadCount(tester, 1);
           await markMessageAsRead(tester, message);
           checkUnreadCount(tester, 0);
+          checkBotIcon(appears: false);
         });
       });
 
       group('1:1', () {
-        testWidgets('has right title/avatar', (WidgetTester tester) async {
-          final user = eg.user(userId: 1);
-          final message = eg.dmMessage(from: eg.selfUser, to: [user]);
-          await setupPage(tester, users: [user], dmMessages: [message]);
-
-          checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
-          checkTitle(tester, user.fullName);
+        group('has right title/avatar', () {
+          testWidgets('bot recipient -> shows bot icon', (tester) async {
+            final user = eg.user(userId: 1, isBot: true);
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester, users: [user], dmMessages: [message]);
+
+            checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
+            checkTitle(tester, user.fullName);
+            checkBotIcon(appears: true);
+          });
+
+          testWidgets('non-bot recipient -> shows no bot icon', (tester) async {
+            final user = eg.user(userId: 1, isBot: false);
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester, users: [user], dmMessages: [message]);
+
+            checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
+            checkTitle(tester, user.fullName);
+            checkBotIcon(appears: false);
+          });
         });
 
-        testWidgets('no error when user somehow missing from store.users', (WidgetTester tester) async {
-          final user = eg.user(userId: 1);
-          final message = eg.dmMessage(from: eg.selfUser, to: [user]);
-          await setupPage(tester,
-            users: [], // exclude user
-            dmMessages: [message],
-          );
-
-          checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
-          checkTitle(tester, '(unknown user)');
+        group('no error when user somehow missing from store.users', () {
+          testWidgets('bot recipient -> shows no bot icon', (tester) async {
+            final user = eg.user(userId: 1, isBot: true);
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester,
+              users: [], // exclude user
+              dmMessages: [message],
+            );
+
+            checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
+            checkTitle(tester, '(unknown user)');
+            checkBotIcon(appears: false);
+          });
+
+          testWidgets('non-bot recipient -> shows no bot icon', (tester) async {
+            final user = eg.user(userId: 1, isBot: false);
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester,
+              users: [], // exclude user
+              dmMessages: [message],
+            );
+
+            checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
+            checkTitle(tester, '(unknown user)');
+            checkBotIcon(appears: false);
+          });
         });
 
-        testWidgets('short name takes one line', (WidgetTester tester) async {
-          final user = eg.user(userId: 1, fullName: 'Short name');
-          final message = eg.dmMessage(from: eg.selfUser, to: [user]);
-          await setupPage(tester, users: [user], dmMessages: [message]);
-          checkTitle(tester, user.fullName, 1);
+        group('short name takes one line', () {
+          testWidgets('bot recipient -> shows bot icon', (tester) async {
+            final user = eg.user(userId: 1, fullName: 'Short name', isBot: true);
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester, users: [user], dmMessages: [message]);
+            checkTitle(tester, user.fullName, 1);
+            checkBotIcon(appears: true);
+          });
+
+          testWidgets('non-bot recipient -> shows no bot icon', (tester) async {
+            final user = eg.user(userId: 1, fullName: 'Short name', isBot: false);
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester, users: [user], dmMessages: [message]);
+            checkTitle(tester, user.fullName, 1);
+            checkBotIcon(appears: false);
+          });
         });
 
-        testWidgets('very long name takes two lines (must be ellipsized)', (WidgetTester tester) async {
-          final user = eg.user(userId: 1, fullName: 'Long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name');
-          final message = eg.dmMessage(from: eg.selfUser, to: [user]);
-          await setupPage(tester, users: [user], dmMessages: [message]);
-          checkTitle(tester, user.fullName, 2);
+        group('very long name takes two lines (must be ellipsized)', () {
+          testWidgets('bot recipient -> shows bot icon', (WidgetTester tester) async {
+            final user = eg.user(userId: 1, isBot: true, fullName: 'Long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name');
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester, users: [user], dmMessages: [message]);
+            checkTitle(tester, user.fullName, 2);
+            checkBotIcon(appears: true);
+          });
+
+          testWidgets('non-bot recipient -> shows no bot icon', (WidgetTester tester) async {
+            final user = eg.user(userId: 1, isBot: false, fullName: 'Long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name long name');
+            final message = eg.dmMessage(from: eg.selfUser, to: [user]);
+            await setupPage(tester, users: [user], dmMessages: [message]);
+            checkTitle(tester, user.fullName, 2);
+            checkBotIcon(appears: false);
+          });
         });
 
         testWidgets('unread counts', (WidgetTester tester) async {
@@ -251,27 +314,29 @@ void main() {
       });
 
       group('group', () {
-        List<User> usersList(int count) {
+        List<User> usersList(int count, {bool? containsBot}) {
           final result = <User>[];
           for (int i = 0; i < count; i++) {
-            result.add(eg.user(userId: i, fullName: 'User ${i.toString()}'));
+            result.add(eg.user(userId: i, fullName: 'User ${i.toString()}',
+              isBot: (containsBot ?? false) && i == 0));
           }
           return result;
         }
 
         testWidgets('has right title/avatar', (WidgetTester tester) async {
-          final users = usersList(2);
+          final users = usersList(2, containsBot: true);
           final user0 = users[0];
           final user1 = users[1];
           final message = eg.dmMessage(from: eg.selfUser, to: [user0, user1]);
           await setupPage(tester, users: users, dmMessages: [message]);
 
           checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
           checkTitle(tester, '${user0.fullName}, ${user1.fullName}');
+          checkBotIcon(appears: false);
         });
 
         testWidgets('no error when one user somehow missing from store.users', (WidgetTester tester) async {
-          final users = usersList(2);
+          final users = usersList(2, containsBot: false);
           final user0 = users[0];
           final user1 = users[1];
           final message = eg.dmMessage(from: eg.selfUser, to: [user0, user1]);
@@ -282,20 +347,23 @@ void main() {
 
           checkAvatar(tester, DmNarrow.ofMessage(message, selfUserId: eg.selfUser.userId));
           checkTitle(tester, '${user0.fullName}, (unknown user)');
+          checkBotIcon(appears: false);
         });
 
         testWidgets('few names takes one line', (WidgetTester tester) async {
-          final users = usersList(2);
+          final users = usersList(2, containsBot: false);
           final message = eg.dmMessage(from: eg.selfUser, to: users);
           await setupPage(tester, users: users, dmMessages: [message]);
           checkTitle(tester, users.map((u) => u.fullName).join(', '), 1);
+          checkBotIcon(appears: false);
         });
 
         testWidgets('very many names takes two lines (must be ellipsized)', (WidgetTester tester) async {
-          final users = usersList(40);
+          final users = usersList(40, containsBot: true);
           final message = eg.dmMessage(from: eg.selfUser, to: users);
           await setupPage(tester, users: users, dmMessages: [message]);
           checkTitle(tester, users.map((u) => u.fullName).join(', '), 2);
+          checkBotIcon(appears: false);
         });
 
         testWidgets('unread counts', (WidgetTester tester) async {