From 1082b6965a64f8713e71293bfd86aa1e513f7b15 Mon Sep 17 00:00:00 2001
From: Gabriel Borlea <gabriel.borlea@8x8.com>
Date: Thu, 2 Mar 2023 13:45:06 +0200
Subject: [PATCH] fix tests

---
 .../components/web/MeetingParticipantItem.js              | 3 ++-
 .../components/web/ParticipantActionEllipsis.tsx          | 7 +++++--
 .../components/web/ParticipantQuickAction.tsx             | 8 ++++----
 .../video-menu/components/web/AskToUnmuteButton.tsx       | 1 +
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/react/features/participants-pane/components/web/MeetingParticipantItem.js b/react/features/participants-pane/components/web/MeetingParticipantItem.js
index 6a78f6ece..27704674a 100644
--- a/react/features/participants-pane/components/web/MeetingParticipantItem.js
+++ b/react/features/participants-pane/components/web/MeetingParticipantItem.js
@@ -272,7 +272,8 @@ function MeetingParticipantItem({
                     )}
                     <ParticipantActionEllipsis
                         accessibilityLabel = { participantActionEllipsisLabel }
-                        onClick = { onContextMenu } />
+                        onClick = { onContextMenu }
+                        participantID = { _participantID } />
                 </>
             }
 
diff --git a/react/features/participants-pane/components/web/ParticipantActionEllipsis.tsx b/react/features/participants-pane/components/web/ParticipantActionEllipsis.tsx
index 1ee977351..c1fead245 100644
--- a/react/features/participants-pane/components/web/ParticipantActionEllipsis.tsx
+++ b/react/features/participants-pane/components/web/ParticipantActionEllipsis.tsx
@@ -14,14 +14,17 @@ interface IProps {
      * Click handler function.
      */
     onClick: () => void;
+
+    participantID: string;
 }
 
-const ParticipantActionEllipsis = ({ accessibilityLabel, onClick }: IProps) => (
+const ParticipantActionEllipsis = ({ accessibilityLabel, onClick, participantID }: IProps) => (
     <Button
         accessibilityLabel = { accessibilityLabel }
         icon = { IconDotsHorizontal }
         onClick = { onClick }
-        size = 'small' />
+        size = 'small'
+        testId = { `participant-more-options-${participantID}` } />
 );
 
 export default ParticipantActionEllipsis;
diff --git a/react/features/participants-pane/components/web/ParticipantQuickAction.tsx b/react/features/participants-pane/components/web/ParticipantQuickAction.tsx
index 0b249f0c3..ee176aa7f 100644
--- a/react/features/participants-pane/components/web/ParticipantQuickAction.tsx
+++ b/react/features/participants-pane/components/web/ParticipantQuickAction.tsx
@@ -87,7 +87,7 @@ const ParticipantQuickAction = ({
                 label = { t('participantsPane.actions.mute') }
                 onClick = { muteAudio(participantID) }
                 size = 'small'
-                testId = { `mute-${participantID}` } />
+                testId = { `mute-audio-${participantID}` } />
         );
     }
     case QUICK_ACTION_BUTTON.ASK_TO_UNMUTE: {
@@ -98,7 +98,7 @@ const ParticipantQuickAction = ({
                 label = { t('participantsPane.actions.askUnmute') }
                 onClick = { askToUnmute }
                 size = 'small'
-                testId = { `unmute-${participantID}` } />
+                testId = { `unmute-audio-${participantID}` } />
         );
     }
     case QUICK_ACTION_BUTTON.ALLOW_VIDEO: {
@@ -109,7 +109,7 @@ const ParticipantQuickAction = ({
                 label = { t('participantsPane.actions.allowVideo') }
                 onClick = { allowVideo }
                 size = 'small'
-                testId = { `unmute-${participantID}` } />
+                testId = { `unmute-video-${participantID}` } />
         );
     }
     case QUICK_ACTION_BUTTON.STOP_VIDEO: {
@@ -120,7 +120,7 @@ const ParticipantQuickAction = ({
                 label = { t('participantsPane.actions.stopVideo') }
                 onClick = { stopVideo(participantID) }
                 size = 'small'
-                testId = { `mute-${participantID}` } />
+                testId = { `mute-video-${participantID}` } />
         );
     }
     default: {
diff --git a/react/features/video-menu/components/web/AskToUnmuteButton.tsx b/react/features/video-menu/components/web/AskToUnmuteButton.tsx
index 0c7d1b232..b7fa60b84 100644
--- a/react/features/video-menu/components/web/AskToUnmuteButton.tsx
+++ b/react/features/video-menu/components/web/AskToUnmuteButton.tsx
@@ -53,6 +53,7 @@ const AskToUnmuteButton = ({ buttonType, participantID }: Props) => {
             accessibilityLabel = { text }
             icon = { icon }
             onClick = { _onClick }
+            testId = { `unmute-${buttonType}-${participantID}` }
             text = { text } />
     );
 };