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({
)}
+ 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) => (
+ 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 } />
);
};