From 23dd7445d73f9a3f728e62fa292f5785e7c23d05 Mon Sep 17 00:00:00 2001
From: "trinh.truongthiphuong" <trinh.truongthiphuong@ncc.asia>
Date: Mon, 15 Sep 2025 13:24:37 +0700
Subject: [PATCH] mark e2e flow invite people to clan from menu header

---
 .../components/ListMemberInvite/ListMemberInviteItem.tsx | 9 +++++++--
 .../src/lib/components/ListMemberInvite/modalInvite.tsx  | 4 +++-
 libs/utils/src/lib/e2e-testing/constants.ts              | 8 ++++++++
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/libs/components/src/lib/components/ListMemberInvite/ListMemberInviteItem.tsx b/libs/components/src/lib/components/ListMemberInvite/ListMemberInviteItem.tsx
index b507a1750e..429acb50d4 100644
--- a/libs/components/src/lib/components/ListMemberInvite/ListMemberInviteItem.tsx
+++ b/libs/components/src/lib/components/ListMemberInvite/ListMemberInviteItem.tsx
@@ -1,6 +1,6 @@
 import { useSendInviteMessage, useSilentSendMess } from '@mezon/core';
 import { DirectEntity, getStore, selectDirectById } from '@mezon/store';
-import { UsersClanEntity, createImgproxyUrl } from '@mezon/utils';
+import { UsersClanEntity, createImgproxyUrl, generateE2eId } from '@mezon/utils';
 import { ChannelStreamMode, ChannelType } from 'mezon-js';
 import { useEffect, useState } from 'react';
 import { AvatarImage } from '../AvatarImage/AvatarImage';
@@ -101,7 +101,11 @@ type ItemInviteDMProps = {
 const ItemInviteDM = (props: ItemInviteDMProps) => {
 	const { channelID = '', type = '', avatar = '', label = '', isInviteSent = false, username = '', onHandle } = props;
 	return (
-		<div key={channelID} className="flex items-center justify-between h-fit group rounded-lg bg-item-hover p-1">
+		<div
+			key={channelID}
+			className="flex items-center justify-between h-fit group rounded-lg bg-item-hover p-1"
+			data-e2e={generateE2eId('clan_page.modal.invite_people.user_item')}
+		>
 			<AvatarImage
 				alt={username}
 				username={username}
@@ -113,6 +117,7 @@ const ItemInviteDM = (props: ItemInviteDMProps) => {
 				{label}
 			</p>
 			<button
+				data-e2e={generateE2eId('clan_page.modal.invite_people.user_item.button.invite')}
 				onClick={onHandle}
 				disabled={isInviteSent}
 				className={
diff --git a/libs/components/src/lib/components/ListMemberInvite/modalInvite.tsx b/libs/components/src/lib/components/ListMemberInvite/modalInvite.tsx
index 666036b9bc..f71b172f71 100644
--- a/libs/components/src/lib/components/ListMemberInvite/modalInvite.tsx
+++ b/libs/components/src/lib/components/ListMemberInvite/modalInvite.tsx
@@ -2,6 +2,7 @@
 import { useInvite } from '@mezon/core';
 import { fetchSystemMessageByClanId, selectClanById, selectCurrentClan, selectCurrentClanId, useAppDispatch } from '@mezon/store';
 import { Button } from '@mezon/ui';
+import { generateE2eId } from '@mezon/utils';
 import isElectron from 'is-electron';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import QRCode from 'react-qr-code';
@@ -95,7 +96,7 @@ const ModalInvite = (props: ModalParam) => {
 	}
 	return (
 		<ModalLayout onClose={props.onClose}>
-			<div className="bg-theme-setting-primary rounded-xl flex flex-col">
+			<div className="bg-theme-setting-primary rounded-xl flex flex-col" data-e2e={generateE2eId('clan_page.modal.invite_people.container')}>
 				<div className="flex-1 flex items-center justify-between border-b-theme-primary rounded-t p-4">
 					<p className="font-bold text-xl text-theme-primary-active">{`Invite friends to ${isInviteExternalCalling ? 'Private Event' : clan?.clan_name}`}</p>
 					<Button
@@ -120,6 +121,7 @@ const ModalInvite = (props: ModalParam) => {
 							className="w-full h-11 border-theme-primary text-theme-primary-active bg-theme-input rounded-lg px-[16px] py-[13px] text-[14px] outline-none"
 							value={isInviteExternalCalling ? (props.privateRoomLink as string) : urlInvite}
 							readOnly
+							data-e2e={generateE2eId('clan_page.modal.invite_people.url_invite')}
 						/>
 						<button
 							className="absolute right-0 bottom-0 mb-1  font-semibold text-sm px-8 py-1.5
diff --git a/libs/utils/src/lib/e2e-testing/constants.ts b/libs/utils/src/lib/e2e-testing/constants.ts
index 1e1d6007b5..e7f4d9d7b9 100644
--- a/libs/utils/src/lib/e2e-testing/constants.ts
+++ b/libs/utils/src/lib/e2e-testing/constants.ts
@@ -122,6 +122,14 @@ export const DATA_E2E_IDENTIFIER = {
 					confirm: '',
 					cancel: ''
 				}
+			},
+			invite_people: {
+				search_input: '',
+				user_item: {
+					button: { invite: '' }
+				},
+				url_invite: '',
+				container: ''
 			}
 		},
 		settings: {