profile: Distinguish isBot: true users with a bot marker

Author: sm-sayedi

lib/widgets/profile.dart

@@ -7,6 +7,7 @@ import '../api/model/model.dart';
 import '../model/content.dart';
 import '../model/narrow.dart';
 import 'content.dart';
+import 'icons.dart';
 import 'message_list.dart';
 import 'page.dart';
 import 'store.dart';
@@ -46,10 +47,23 @@ class ProfilePage extends StatelessWidget {
       Center(
         child: Avatar(userId: userId, size: 200, borderRadius: 200 / 8)),
       const SizedBox(height: 16),
-      Text(user.fullName,
-        textAlign: TextAlign.center,
-        style: _TextStyles.primaryFieldText
-          .merge(weightVariableTextStyle(context, wght: 700))),
+      Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          if (user.isBot) ...[
+            const Icon(
+              ZulipIcons.bot,
+              size: 22,
+              color: Color.fromARGB(255, 159, 173, 173),
+            ),
+            const SizedBox(width: 10),
+          ],
+          Flexible(child: Text(user.fullName,
+            textAlign: TextAlign.center,
+            style: _TextStyles.primaryFieldText
+              .merge(weightVariableTextStyle(context, wght: 700)))),
+        ],
+      ),
       // TODO(#291) render email field
       Text(roleToLabel(user.role, zulipLocalizations),
         textAlign: TextAlign.center,

test/widgets/profile_test.dart

@@ -7,6 +7,7 @@ import 'package:zulip/api/model/initial_snapshot.dart';
 import 'package:zulip/api/model/model.dart';
 import 'package:zulip/model/narrow.dart';
 import 'package:zulip/widgets/content.dart';
+import 'package:zulip/widgets/icons.dart';
 import 'package:zulip/widgets/message_list.dart';
 import 'package:zulip/widgets/page.dart';
 import 'package:zulip/widgets/profile.dart';
@@ -323,5 +324,37 @@ void main() {
 
       check(find.textContaining(longString).evaluate()).length.equals(7);
     });
+
+    group('bot vs non-bot users', () {
+      void checkUser(String fullName, {required bool isBot}) {
+        final nameFinder = find.text(fullName);
+        final botFinder = find.byIcon(ZulipIcons.bot);
+
+        check(nameFinder.evaluate()).isNotEmpty();
+        if (isBot) {
+          check(botFinder.evaluate().singleOrNull).isNotNull();
+          final botAndNameRowFinder = find.ancestor(
+            of: botFinder,
+            matching: find.ancestor(of: nameFinder, matching: find.byType(Row)));
+          check(botAndNameRowFinder.evaluate().singleOrNull).isNotNull();
+        } else {
+          check(botFinder.evaluate().singleOrNull).isNull();
+        }
+      }
+
+      testWidgets('page builds; bot icon is shown with bot user\'s fullName', (tester) async {
+        final user = eg.user(isBot: true);
+        await setupPage(tester, pageUserId: user.userId, users: [user]);
+
+        checkUser(user.fullName, isBot: true);
+      });
+
+      testWidgets('page builds; bot icon is not shown with non-bot user\'s fullName', (tester) async {
+        final user = eg.user(isBot: false);
+        await setupPage(tester, pageUserId: user.userId, users: [user]);
+
+        checkUser(user.fullName, isBot: false);
+      });
+    });
   });
 }