From 979041668fb3af4954169ef24e8d330c3e90aec4 Mon Sep 17 00:00:00 2001
From: Nguyett11 <buianhnguyet08072003@gmail.com>
Date: Thu, 18 Sep 2025 11:25:49 +0700
Subject: [PATCH] feat/63419/update-about-me-status

---
 .../src/lib/components/MessageWithUser/MessageHead.tsx      | 3 ++-
 .../src/lib/components/ModalUserProfile/UserDescription.tsx | 6 +++++-
 libs/utils/src/lib/e2e-testing/constants.ts                 | 5 ++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/libs/components/src/lib/components/MessageWithUser/MessageHead.tsx b/libs/components/src/lib/components/MessageWithUser/MessageHead.tsx
index 697e826ed9..64d9d639a3 100644
--- a/libs/components/src/lib/components/MessageWithUser/MessageHead.tsx
+++ b/libs/components/src/lib/components/MessageWithUser/MessageHead.tsx
@@ -1,5 +1,5 @@
 import { getShowName, useColorsRoleById } from '@mezon/core';
-import { DEFAULT_MESSAGE_CREATOR_NAME_DISPLAY_COLOR, IMessageWithUser, convertTimeStringI18n } from '@mezon/utils';
+import { DEFAULT_MESSAGE_CREATOR_NAME_DISPLAY_COLOR, IMessageWithUser, convertTimeStringI18n, generateE2eId } from '@mezon/utils';
 import { ChannelStreamMode } from 'mezon-js';
 import { useTranslation } from 'react-i18next';
 import getPendingNames from './usePendingNames';
@@ -56,6 +56,7 @@ const BaseMessageHead = ({
 							? (userRolesClan?.highestPermissionRoleColor ?? DEFAULT_MESSAGE_CREATOR_NAME_DISPLAY_COLOR)
 							: DEFAULT_MESSAGE_CREATOR_NAME_DISPLAY_COLOR
 				}}
+				data-e2e={generateE2eId('base_profile.display_name')}
 			>
 				{mode === ChannelStreamMode.STREAM_MODE_CHANNEL || mode === ChannelStreamMode.STREAM_MODE_THREAD ? nameShowed : priorityName}
 				{userRolesClan?.highestPermissionRoleIcon &&
diff --git a/libs/components/src/lib/components/ModalUserProfile/UserDescription.tsx b/libs/components/src/lib/components/ModalUserProfile/UserDescription.tsx
index 5e574b2740..dad97174d6 100644
--- a/libs/components/src/lib/components/ModalUserProfile/UserDescription.tsx
+++ b/libs/components/src/lib/components/ModalUserProfile/UserDescription.tsx
@@ -1,3 +1,5 @@
+import { generateE2eId } from '@mezon/utils';
+
 type UserDescriptionProps = {
 	title: string;
 	detail: string;
@@ -10,7 +12,9 @@ const UserDescription = ({ title, detail }: UserDescriptionProps) => {
 				<div className="w-full border-b-theme-primary p-2"></div>
 				<div className="flex flex-col">
 					<div className="font-bold tracking-wider text-xs pt-2 text-theme-primary-active">{title}</div>
-					<div className="font-normal tracking-wider text-xs one-line pt-2">{detail}</div>
+					<div className="font-normal tracking-wider text-xs one-line pt-2" data-e2e={generateE2eId('mention.text.about_me')}>
+						{detail}
+					</div>
 				</div>
 			</>
 		)
diff --git a/libs/utils/src/lib/e2e-testing/constants.ts b/libs/utils/src/lib/e2e-testing/constants.ts
index 7a678edd65..9a47388de9 100644
--- a/libs/utils/src/lib/e2e-testing/constants.ts
+++ b/libs/utils/src/lib/e2e-testing/constants.ts
@@ -22,7 +22,10 @@ export const DATA_E2E_IDENTIFIER = {
 	},
 	mention: {
 		input: '',
-		selected_file: ''
+		selected_file: '',
+		text: {
+			about_me: ''
+		}
 	},
 	discussion: {
 		box: {