mark e2e flow invite people to clan from menu header

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 { useTranslation } from 'react-i18next';
@@ -103,7 +103,11 @@ const ItemInviteDM = (props: ItemInviteDMProps) => {
 	const { t } = useTranslation('invitation');
 	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}
@@ -115,6 +119,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={

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 { useTranslation } from 'react-i18next';
@@ -89,7 +90,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
 						title={clan?.clan_name}
@@ -127,6 +128,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

libs/utils/src/lib/e2e-testing/constants.ts

@@ -146,6 +146,14 @@ export const DATA_E2E_IDENTIFIER = {
 					cancel: ''
 				}
 			},
+			invite_people: {
+				search_input: '',
+				user_item: {
+					button: { invite: '' }
+				},
+				url_invite: '',
+				container: ''
+			},
 			limit_creation: {
 				title: ''
 			},