From dc17543790a90cc09b9489f05348aa8c6e3ff53a Mon Sep 17 00:00:00 2001
From: "trinh.truongthiphuong" <trinh.truongthiphuong@ncc.asia>
Date: Wed, 24 Sep 2025 11:30:19 +0700
Subject: [PATCH] mark e2e for edit channel name

---
 .../ChannelSetting/Component/OverviewChannel/index.tsx      | 4 ++--
 .../src/lib/components/ChannelSetting/exitSetting.tsx       | 2 ++
 libs/utils/src/lib/e2e-testing/constants.ts                 | 6 ++++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/libs/components/src/lib/components/ChannelSetting/Component/OverviewChannel/index.tsx b/libs/components/src/lib/components/ChannelSetting/Component/OverviewChannel/index.tsx
index d3c5ce371f..9ec1beeada 100644
--- a/libs/components/src/lib/components/ChannelSetting/Component/OverviewChannel/index.tsx
+++ b/libs/components/src/lib/components/ChannelSetting/Component/OverviewChannel/index.tsx
@@ -15,7 +15,7 @@ import {
 	useAppSelector
 } from '@mezon/store';
 import { Icons, Image, InputField, TextArea } from '@mezon/ui';
-import { checkIsThread, IChannel, ValidateSpecialCharacters, ValidateURL } from '@mezon/utils';
+import { checkIsThread, generateE2eId, IChannel, ValidateSpecialCharacters, ValidateURL } from '@mezon/utils';
 import { unwrapResult } from '@reduxjs/toolkit';
 import { ModalSaveChanges } from 'libs/components/src/lib/components';
 import Dropdown from 'libs/ui/src/lib/DropDown';
@@ -304,7 +304,7 @@ const OverviewChannel = (props: OverviewChannelProps) => {
 
 	return (
 		<div className="overflow-y-auto flex flex-col flex-1 shrink  w-1/2 pt-[94px] sbm:pb-7 text-theme-primary bg-theme-setting-primary sbm:pr-[10px] sbm:pl-[40px] p-4 overflow-x-hidden min-w-full sbm:min-w-[700px] 2xl:min-w-[900px] max-w-[740px] hide-scrollbar">
-			<div className=" text-[15px]">
+			<div className=" text-[15px]" data-e2e={generateE2eId(`clan_page.channel_list.settings.overview`)}>
 				<h3 className="mb-4 font-bold text-xl text-theme-primary-active">{t('overview.title')}</h3>
 				<p className="text-xs font-bold uppercase mb-2">{isThread ? t('fields.threadName.title') : t('fields.channelName.title')}</p>
 				<InputField
diff --git a/libs/components/src/lib/components/ChannelSetting/exitSetting.tsx b/libs/components/src/lib/components/ChannelSetting/exitSetting.tsx
index 34d9b9fef0..478d2f756f 100644
--- a/libs/components/src/lib/components/ChannelSetting/exitSetting.tsx
+++ b/libs/components/src/lib/components/ChannelSetting/exitSetting.tsx
@@ -1,4 +1,5 @@
 import { Icons } from '@mezon/ui';
+import { generateE2eId } from '@mezon/utils';
 
 export type ModalExitProps = {
 	onClose: () => void;
@@ -16,6 +17,7 @@ const ExitSetting = (props: ModalExitProps) => {
 					<div
 						onClick={handleClose}
 						className="rounded-full p-[10px] border-2 border-theme-primary text-theme-primary cursor-pointer text-theme-primary-hover"
+						data-e2e={generateE2eId('clan_page.settings.button.exit')}
 					>
 						<Icons.CloseButton className="w-4 " />
 					</div>
diff --git a/libs/utils/src/lib/e2e-testing/constants.ts b/libs/utils/src/lib/e2e-testing/constants.ts
index b3ba88a3b4..df49c747a3 100644
--- a/libs/utils/src/lib/e2e-testing/constants.ts
+++ b/libs/utils/src/lib/e2e-testing/constants.ts
@@ -155,6 +155,9 @@ export const DATA_E2E_IDENTIFIER = {
 			}
 		},
 		settings: {
+			button: {
+				exit: ''
+			},
 			integrations: {
 				create_clan_webhook_button: '',
 				new_clan_webhook_button: '',
@@ -224,6 +227,9 @@ export const DATA_E2E_IDENTIFIER = {
 			},
 			panel: {
 				item: ''
+			},
+			settings: {
+				overview: ''
 			}
 		}
 	},