diff --git a/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/PrivateThread.tsx b/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/PrivateThread.tsx index 7104a72a4a..6dbf2eb574 100644 --- a/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/PrivateThread.tsx +++ b/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/PrivateThread.tsx @@ -1,4 +1,5 @@ import { selectIsPrivate, threadsActions, useAppDispatch } from '@mezon/store'; +import { generateE2eId } from '@mezon/utils'; import { useSelector } from 'react-redux'; type PrivateThreadProps = { @@ -19,7 +20,13 @@ const PrivateThread = ({ label, title }: PrivateThreadProps) => {
{title}
- + diff --git a/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/ThreadNameTextField.tsx b/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/ThreadNameTextField.tsx index 7d9eda8cd9..c612ca551f 100644 --- a/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/ThreadNameTextField.tsx +++ b/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/CreateThread/ThreadNameTextField.tsx @@ -48,7 +48,7 @@ const ThreadNameTextField = ({ label, placeholder, value, className, onChange, o className={className} onKeyDown={handleKeyDown} maxLength={Number(process.env.NX_MAX_LENGTH_NAME_ALLOWED)} - data-e2e={generateE2eId('chat.channel_message.thread_name_input.thread_box')} + data-e2e={generateE2eId('chat.channel_message.thread_box.input.thread_name')} /> {nameThreadError && {nameThreadError}} {checkValidate && ( diff --git a/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/ThreadModal/index.tsx b/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/ThreadModal/index.tsx index 1b14195991..d19b3c9c2e 100644 --- a/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/ThreadModal/index.tsx +++ b/libs/components/src/lib/components/ChannelTopbar/TopBarComponents/Threads/ThreadModal/index.tsx @@ -12,7 +12,7 @@ import { useAppDispatch } from '@mezon/store'; import { Icons } from '@mezon/ui'; -import { EOverriddenPermission, LIMIT, checkIsThread } from '@mezon/utils'; +import { EOverriddenPermission, LIMIT, checkIsThread, generateE2eId } from '@mezon/utils'; import { RefObject, useCallback, useEffect, useRef, useState } from 'react'; import { useSelector } from 'react-redux'; import { useNavigate } from 'react-router-dom'; @@ -134,6 +134,7 @@ const ThreadModal = ({ onClose, rootRef }: ThreadsProps) => { diff --git a/libs/components/src/lib/components/ThreadListChannel/ThreadLink.tsx b/libs/components/src/lib/components/ThreadListChannel/ThreadLink.tsx index 94d58028cf..9181790ff4 100644 --- a/libs/components/src/lib/components/ThreadListChannel/ThreadLink.tsx +++ b/libs/components/src/lib/components/ThreadListChannel/ThreadLink.tsx @@ -7,7 +7,7 @@ import { useAppSelector } from '@mezon/store'; import { Icons } from '@mezon/ui'; -import { IChannel } from '@mezon/utils'; +import { IChannel, generateE2eId } from '@mezon/utils'; import { ChannelStreamMode } from 'mezon-js'; import React, { memo, useCallback, useImperativeHandle, useRef } from 'react'; import { useModal } from 'react-modal-hook'; @@ -119,7 +119,11 @@ const ThreadLink = React.forwardRef(({ thread, h
{events[0] && } - = 15 ? thread?.channel_label : ''} className="truncate"> + = 15 ? thread?.channel_label : ''} + className="truncate" + data-e2e={generateE2eId('clan_page.channel_list.thread_item.name')} + > {thread.channel_label}
diff --git a/libs/utils/src/lib/e2e-testing/constants.ts b/libs/utils/src/lib/e2e-testing/constants.ts index eaa664cd6d..d16d4c63db 100644 --- a/libs/utils/src/lib/e2e-testing/constants.ts +++ b/libs/utils/src/lib/e2e-testing/constants.ts @@ -149,6 +149,9 @@ export const DATA_E2E_IDENTIFIER = { stream: '' }, name: '' + }, + thread_item: { + name: '' } } }, @@ -209,7 +212,15 @@ export const DATA_E2E_IDENTIFIER = { inbox: '', pin: '', canvas: '', - thread: '', + thread: { + modal: { + thread_management: { + button: { + create_thread: '' + } + } + } + }, chat: '' } }, @@ -226,8 +237,13 @@ export const DATA_E2E_IDENTIFIER = { forward_message: '', delete_message: '' }, - thread_name_input: { - thread_box: '' + thread_box: { + input: { + thread_name: '' + }, + checkbox: { + private_thread: '' + } } }, mention: {