From fc54a1e1e2c6d46d27f484d19983d29f16e2448d Mon Sep 17 00:00:00 2001
From: thieuthang-dev <thang.thieuquang@ncc.asia>
Date: Wed, 17 Sep 2025 14:20:02 +0700
Subject: [PATCH] feat: e2e for verify limit clan modal shown

---
 .../src/lib/components/ClanLimitModal/ClanLimitModal.tsx  | 8 +++++++-
 .../src/lib/components/ModalListClans/index.tsx           | 1 +
 libs/utils/src/lib/e2e-testing/constants.ts               | 3 +++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx b/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx
index a098619271..444f6a7363 100644
--- a/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx
+++ b/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx
@@ -1,5 +1,6 @@
 import { useEscapeKeyClose } from '@mezon/core';
 import { resetClanLimitModalTrigger, useAppDispatch, useAppSelector } from '@mezon/store';
+import { generateE2eId } from '@mezon/utils';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useModal } from 'react-modal-hook';
@@ -51,7 +52,12 @@ const ClanLimitModalContent = ({ type, clanCount, onClose }: ClanLimitModalProps
 			<div className='fixed inset-0 bg-black opacity-80' />
 			<div className='relative z-10 w-[440px] max-w-[90vw]' onClick={(e) => e.stopPropagation()}>
 				<div className='bg-theme-setting-primary pt-[16px] px-[16px] rounded-t-md'>
-					<div className='text-theme-primary-active text-[20px] font-semibold pb-[16px]'>{title}</div>
+					<div
+						className='text-theme-primary-active text-[20px] font-semibold pb-[16px]'
+						data-e2e={generateE2eId('clan_page.modal.limit_creation.title')}
+					>
+						{title}
+					</div>
 					<div className='pb-[20px] text-theme-primary text-[14px] leading-relaxed'>{bodyText}</div>
 				</div>
 				<div className='bg-theme-setting-nav flex justify-end items-center gap-4 p-[16px] text-[14px] font-medium rounded-b-md'>
diff --git a/libs/components/src/lib/components/ModalListClans/index.tsx b/libs/components/src/lib/components/ModalListClans/index.tsx
index 75bebc4225..8777a873ec 100644
--- a/libs/components/src/lib/components/ModalListClans/index.tsx
+++ b/libs/components/src/lib/components/ModalListClans/index.tsx
@@ -69,6 +69,7 @@ const SidebarClanItem = ({ option, active, onMouseDown, className = '', onClanCl
 			data-id={option?.id}
 			className={`relative h-[40px] ${className}`}
 			title={option?.clan_name}
+			data-e2e={generateE2eId('clan_page.side_bar.clan_item')}
 		>
 			<button onClick={handleClick} draggable="false">
 				<NavLinkComponent active={active}>
diff --git a/libs/utils/src/lib/e2e-testing/constants.ts b/libs/utils/src/lib/e2e-testing/constants.ts
index 7a678edd65..84646a869e 100644
--- a/libs/utils/src/lib/e2e-testing/constants.ts
+++ b/libs/utils/src/lib/e2e-testing/constants.ts
@@ -122,6 +122,9 @@ export const DATA_E2E_IDENTIFIER = {
 					confirm: '',
 					cancel: ''
 				}
+			},
+			limit_creation: {
+				title: ''
 			}
 		},
 		settings: {