From 7a50e2247154ec10bd9cf255b7bda90364472b4c Mon Sep 17 00:00:00 2001
From: N Pex <npexdev@gmail.com>
Date: Thu, 27 Jan 2022 14:56:48 +0000
Subject: [PATCH] Resolve "set fields to use meaningful ID names for automated
 test"

---
 src/components/Chat.vue                             | 13 ++++++++++++-
 src/components/ChatHeader.vue                       |  2 +-
 src/components/CreateRoom.vue                       |  4 ++++
 src/components/CreatedRoomWelcomeHeader.vue         |  2 +-
 src/components/Invite.vue                           |  1 +
 src/components/Join.vue                             |  5 ++++-
 src/components/LeaveRoomDialog.vue                  |  2 ++
 src/components/Login.vue                            |  5 ++++-
 src/components/Profile.vue                          | 10 +++++++---
 src/components/ProfileInfoPopup.vue                 |  2 +-
 src/components/PurgeRoomDialog.vue                  |  3 +++
 src/components/QuoteView.vue                        |  2 ++
 src/components/RoomInfo.vue                         |  5 +++++
 src/components/RoomInfoBottomSheet.vue              |  1 +
 src/components/RoomList.vue                         |  2 ++
 src/components/SelectLanguageDialog.vue             |  1 +
 src/components/VoiceRecorder.vue                    | 11 +++++++----
 src/components/messages/AudioPlayer.vue             |  4 ++--
 src/components/messages/AvatarOperations.vue        |  2 +-
 src/components/messages/MessageIncoming.vue         |  2 +-
 src/components/messages/MessageOperations.vue       |  6 +++---
 src/components/messages/MessageOperationsPicker.vue |  8 ++++----
 src/components/messages/MessageOutgoing.vue         |  2 +-
 23 files changed, 70 insertions(+), 25 deletions(-)

diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 80744d3..4b06a3f 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -122,6 +122,7 @@
     <v-container v-if="room" fluid class="input-area-outer">
       <!-- "Scroll to end"-button -->
       <v-btn
+        id="btn-scroll-to-end"
         class="scroll-to-end"
         v-show="showScrollToEnd"
         fab
@@ -150,6 +151,7 @@
       <v-row class="input-area-inner align-center">
         <v-col class="flex-grow-1 flex-shrink-1 ma-0 pa-0">
           <v-textarea
+            id="message-input"
             height="undefined"
             ref="messageInput"
             full-width
@@ -174,6 +176,7 @@
           v-if="editedEvent || replyToEvent"
         >
           <v-btn
+            id="btn-cancel-reply"
             fab
             small
             elevation="0"
@@ -189,6 +192,7 @@
           v-if="!currentInput || currentInput.length == 0 || showRecorder"
         >
           <v-btn
+            id="btn-microphone"
             v-if="canRecordAudio"
             class="mic-button"
             ref="mic_button"
@@ -203,6 +207,7 @@
           </v-btn>
           <v-btn
             v-else
+            id="btn-microphone"
             class="mic-button"
             ref="mic_button"
             fab
@@ -221,6 +226,7 @@
           v-else
         >
           <v-btn
+            id="btn-send"
             fab
             small
             elevation="0"
@@ -239,6 +245,7 @@
           class="input-area-button text-center flex-grow-0 flex-shrink-1"
         >
           <v-btn
+            id="btn-stickers"
             v-if="!showRecorder"
             icon
             large
@@ -254,6 +261,7 @@
           <label icon flat ref="attachmentLabel">
             <v-btn
               v-if="!showRecorder"
+              id="btn-attach"
               icon
               large
               color="black"
@@ -263,6 +271,7 @@
               <v-icon x-large>add_circle_outline</v-icon>
             </v-btn>
             <input
+              id="attachment-picker"
               ref="attachment"
               type="file"
               name="attachment"
@@ -339,10 +348,11 @@
           <v-divider></v-divider>
           <v-card-actions>
             <v-spacer></v-spacer>
-            <v-btn color="primary" text @click="cancelSendAttachment">{{
+            <v-btn color="primary" text @click="cancelSendAttachment" id="btn-attachment-cancel">{{
               $t("menu.cancel")
             }}</v-btn>
             <v-btn
+              id="btn-attachment-send"
               color="primary"
               text
               @click="sendAttachment"
@@ -419,6 +429,7 @@
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn
+            id="btn-ok"
             color="primary"
             text
             @click="showNoRecordingAvailableDialog = false"
diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue
index 20097c9..193da0c 100644
--- a/src/components/ChatHeader.vue
+++ b/src/components/ChatHeader.vue
@@ -24,7 +24,7 @@
         <div class="num-members">{{ $tc("room.members", memberCount) }}</div>
       </v-col>
       <v-col cols="auto" class="text-end ma-0 pa-0">
-        <v-btn text class="leave-button" @click.stop="leaveRoom">{{
+        <v-btn id="btn-leave-room" text class="leave-button" @click.stop="leaveRoom">{{
           $t("room.leave")
         }}</v-btn>
       </v-col>
diff --git a/src/components/CreateRoom.vue b/src/components/CreateRoom.vue
index 2a6cc9a..f2867ff 100644
--- a/src/components/CreateRoom.vue
+++ b/src/components/CreateRoom.vue
@@ -4,6 +4,7 @@
       <v-container fluid>
         <div class="room-name no-upper">{{ $t("new_room.new_room") }}</div>
         <v-btn
+          id="btn-back"
           text
           class="header-button-left"
           v-show="$navigation && $navigation.canPop()"
@@ -67,6 +68,7 @@
             </template>
           </v-select>
           <v-checkbox
+            id="chk-remember-me"
             class="mt-0"
             v-model="rememberMe"
             :label="$t('join.remember_me')"
@@ -104,6 +106,7 @@
             :disabled="step > steps.INITIAL"
           ></v-text-field>
           <v-btn
+            id="btn-room-create"
             color="black"
             depressed
             class="filled-button"
@@ -201,6 +204,7 @@
       <!-- </div> -->
     </v-fade-transition>
     <input
+      id="room-avatar-picker"
       ref="avatar"
       type="file"
       name="avatar"
diff --git a/src/components/CreatedRoomWelcomeHeader.vue b/src/components/CreatedRoomWelcomeHeader.vue
index 8f97574..7fa4abd 100644
--- a/src/components/CreatedRoomWelcomeHeader.vue
+++ b/src/components/CreatedRoomWelcomeHeader.vue
@@ -19,7 +19,7 @@
       {{ roomHistoryDescription }}
     </div>
     <div class="text-right">
-      <v-btn text @click.stop="$emit('close')" style="text-transform: none">{{
+      <v-btn id="btn-got-it" text @click.stop="$emit('close')" style="text-transform: none">{{
         $t("room_welcome.got_it")
       }}</v-btn>
     </div>
diff --git a/src/components/Invite.vue b/src/components/Invite.vue
index 2a23f36..2a035f8 100644
--- a/src/components/Invite.vue
+++ b/src/components/Invite.vue
@@ -3,6 +3,7 @@
     <div class="flex-grow-0 flex-shrink-0">
       <div class="room-name">{{$t('invite.title')}}</div>
       <v-btn
+        id="btn-invite-done"
         :loading="loading"
         text
         class="header-button-right"
diff --git a/src/components/Join.vue b/src/components/Join.vue
index ae8fd2c..f94aca3 100644
--- a/src/components/Join.vue
+++ b/src/components/Join.vue
@@ -27,7 +27,7 @@
               @click.native.stop="{}"
               v-model="selectedProfile.name"
             ></v-text-field>
-            <v-checkbox class="mt-0" v-model="rememberMe" :label="$t('join.remember_me')" />
+            <v-checkbox id="chk-remember-me" class="mt-0" v-model="rememberMe" :label="$t('join.remember_me')" />
           </v-col>
           <v-col cols="2" sm="5">
             <v-avatar @click="showAvatarPickerList">
@@ -51,6 +51,7 @@
         </v-row>
 
         <v-btn
+          id="btn-join"
           class="btn-dark"
           large
           @click.stop="handleJoin"
@@ -59,6 +60,7 @@
           >{{ $t("join.enter_room") }}</v-btn
         >
         <v-btn
+          id="btn-join"
           class="btn-dark"
           large
           block
@@ -80,6 +82,7 @@
         </v-col>
         <v-col>
           <v-btn
+            id="btn-select-language"
             class="language-more"
             @click="showSelectLanguageDialog = true"
           >
diff --git a/src/components/LeaveRoomDialog.vue b/src/components/LeaveRoomDialog.vue
index e7ff897..18cfe15 100644
--- a/src/components/LeaveRoomDialog.vue
+++ b/src/components/LeaveRoomDialog.vue
@@ -43,6 +43,7 @@
         <v-row cols="12">
           <v-col cols="6">
             <v-btn
+              id="btn-back"
               depressed
               text
               block
@@ -53,6 +54,7 @@
           </v-col>
           <v-col cols="6" align="center">
             <v-btn
+              id="btn-leave"
               color="red"
               depressed
               block
diff --git a/src/components/Login.vue b/src/components/Login.vue
index 5184455..2f4cb6c 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -15,7 +15,7 @@
             <div class="room-name no-upper">{{ $t("login.title") }}</div>
           </v-col>
           <v-col class="text-right">
-            <v-btn text v-if="showCloseButton" @click.stop="$navigation.pop">
+            <v-btn id="btn-close" text v-if="showCloseButton" @click.stop="$navigation.pop">
               <v-icon>close</v-icon>
             </v-btn>
           </v-col>
@@ -63,11 +63,13 @@
         ></v-text-field>
         <div class="error--text" v-if="hasError">{{ this.message }}</div>
         <v-checkbox
+          id="chk-remember-me"
           class="mt-0"
           v-model="rememberMe"
           :label="$t('join.remember_me')"
         />
         <v-btn
+          id="btn-login"
           :disabled="!isValid || loading"
           color="black"
           depressed
@@ -79,6 +81,7 @@
         >
         <div class="mt-2 overline">{{ $t("login.or") }}</div>
         <v-btn
+          id="btn-create-room"
           color="primary"
           depressed
           block
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 50eeefe..c598129 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -4,6 +4,7 @@
       <v-container fluid>
         <div class="room-name no-upper">{{ $t("profile.title") }}</div>
         <v-btn
+          id="btn-close"
           text
           class="header-button-right"
           v-show="$navigation && $navigation.canPop()"
@@ -26,6 +27,7 @@
             <img v-if="userAvatar" :src="userAvatar" />
             <span v-else class="white--text">{{ userAvatarLetter }}</span>
             <input
+              id="avatar-picker"
               ref="avatar"
               type="file"
               name="avatar"
@@ -41,7 +43,7 @@
           <!-- <div v-if="$matrix.currentUser.is_guest">
             {{ $t("profile.temporary_identity") }}
           </div> -->
-          <v-btn depressed block class="outlined-button" @click.stop="logout">{{
+          <v-btn id="btn-logout" depressed block class="outlined-button" @click.stop="logout">{{
             $t("menu.logout")
           }}</v-btn>
         </v-col>
@@ -101,10 +103,11 @@
         <v-divider></v-divider>
         <v-card-actions>
           <v-spacer></v-spacer>
-          <v-btn text @click="closeEditPasswordDialog">{{
+          <v-btn id="btn-password-cancel" text @click="closeEditPasswordDialog">{{
             $t("menu.cancel")
           }}</v-btn>
           <v-btn
+            id="btn-password-set"
             :disabled="!passwordsMatch"
             color="primary"
             text
@@ -136,10 +139,11 @@
         <v-divider></v-divider>
         <v-card-actions>
           <v-spacer></v-spacer>
-          <v-btn text @click="showEditDisplaynameDialog = false">{{
+          <v-btn id="btn-displayname-cancel" text @click="showEditDisplaynameDialog = false">{{
             $t("menu.cancel")
           }}</v-btn>
           <v-btn
+            id="btn-displayname-set"
             color="primary"
             text
             @click="
diff --git a/src/components/ProfileInfoPopup.vue b/src/components/ProfileInfoPopup.vue
index 0e74bf4..a3c28f0 100644
--- a/src/components/ProfileInfoPopup.vue
+++ b/src/components/ProfileInfoPopup.vue
@@ -67,7 +67,7 @@
             style="position: relative; width: 100%; height: 40px"
             class="text-end"
           >
-            <v-btn class="new_room" text @click="createRoom">{{
+            <v-btn id="btn-new-room" class="new_room" text @click="createRoom">{{
               $t("profile_info_popup.new_room")
             }}</v-btn>
           </div>
diff --git a/src/components/PurgeRoomDialog.vue b/src/components/PurgeRoomDialog.vue
index 8c8f6b9..6f89b6e 100644
--- a/src/components/PurgeRoomDialog.vue
+++ b/src/components/PurgeRoomDialog.vue
@@ -19,6 +19,7 @@
         <v-row cols="12">
           <v-col cols="6">
             <v-btn
+              id="btn-purge-room-cancel"
               depressed
               text
               block
@@ -30,6 +31,7 @@
           </v-col>
           <v-col cols="6" align="center">
             <v-btn
+              id="btn-purge-room"
               color="red"
               depressed
               block
@@ -64,6 +66,7 @@
         <v-row cols="12">
           <v-col cols="12">
             <v-btn
+              id="btn-purge-room-undo"
               depressed
               text
               block
diff --git a/src/components/QuoteView.vue b/src/components/QuoteView.vue
index a17011b..a4ddc4a 100644
--- a/src/components/QuoteView.vue
+++ b/src/components/QuoteView.vue
@@ -28,6 +28,7 @@
 
         <v-btn
           v-if="joinedToAnyRoom"
+          id="btn-goodbye-view-other"
           color="white"
           text
           class="close"
@@ -36,6 +37,7 @@
         >
         <v-btn
           v-else
+          id="btn-goodbye-close"
           color="white"
           text
           class="close"
diff --git a/src/components/RoomInfo.vue b/src/components/RoomInfo.vue
index b296906..9a00a1c 100644
--- a/src/components/RoomInfo.vue
+++ b/src/components/RoomInfo.vue
@@ -4,6 +4,7 @@
       <v-container fluid>
         <div class="room-name no-upper">{{ $t("room_info.title") }}</div>
         <v-btn
+          id="btn-back"
           text
           class="header-button-left"
           v-show="$navigation && $navigation.canPop()"
@@ -13,6 +14,7 @@
           <span>{{ $t("menu.back") }}</span>
         </v-btn>
         <v-btn
+          id="btn-leave-room"
           color="black"
           depressed
           class="header-button-right filled-button me-3"
@@ -55,6 +57,7 @@
           <v-col align="center" class="mt-0 pt-0">
             <v-btn
               v-if="publicRoomLinkCopied"
+              id="btn-copy-room-link"
               color="#DEE6FF"
               depressed
               class="filled-button link-copied-in-place"
@@ -63,6 +66,7 @@
             >
             <v-btn
               v-else
+              id="btn-copy-room-link"
               color="black"
               depressed
               class="filled-button"
@@ -166,6 +170,7 @@
     <!-- PURGE ROOM -->
     <div class="members ma-3 pa-3 text-center">
       <v-btn
+        id="btn-purge-room"
         v-if="userCanPurgeRoom"
         color="red"
         depressed
diff --git a/src/components/RoomInfoBottomSheet.vue b/src/components/RoomInfoBottomSheet.vue
index bfdfbac..aa10dce 100644
--- a/src/components/RoomInfoBottomSheet.vue
+++ b/src/components/RoomInfoBottomSheet.vue
@@ -14,6 +14,7 @@
         <div class="h4">{{$t('room_info_sheet.this_room')}}</div>
         <div class="h2">{{ roomName }}</div>
         <v-btn
+          id="btn-room-details"
           height="20px"
           color="black"
           class="filled-button"
diff --git a/src/components/RoomList.vue b/src/components/RoomList.vue
index a2c0765..83261be 100644
--- a/src/components/RoomList.vue
+++ b/src/components/RoomList.vue
@@ -26,6 +26,7 @@
         </v-list-item-content>
         <v-list-item-action>
           <v-btn
+            id="btn-accept"
             class="filled-button"
             depressed
             color="black"
@@ -33,6 +34,7 @@
             >{{ $t("menu.join") }}</v-btn
           >
           <v-btn
+            id="btn-reject"
             class="filled-button"
             color="black"
             @click.stop="rejectInvitation(room)"
diff --git a/src/components/SelectLanguageDialog.vue b/src/components/SelectLanguageDialog.vue
index 6ffbc8f..e30e6d5 100644
--- a/src/components/SelectLanguageDialog.vue
+++ b/src/components/SelectLanguageDialog.vue
@@ -28,6 +28,7 @@
       </v-card-text>
       <v-card-actions>
         <v-btn
+          id="btn-done"
           color="black"
           depressed
           block
diff --git a/src/components/VoiceRecorder.vue b/src/components/VoiceRecorder.vue
index 92895b4..460fe46 100644
--- a/src/components/VoiceRecorder.vue
+++ b/src/components/VoiceRecorder.vue
@@ -16,6 +16,7 @@
           <v-col cols="4" align="center">
             <v-btn
               v-if="state == states.RECORDING"
+              id="btn-pause"
               style="background-color: white; padding: 30px"
               icon
               @click.stop="pauseRecording"
@@ -24,6 +25,7 @@
             </v-btn>
             <v-btn
               v-else-if="state == states.RECORDED"
+              id="btn-send"
               style="background-color: #3ae17d; padding: 30px"
               icon
               :disabled="!recordedFile"
@@ -33,6 +35,7 @@
             </v-btn>
             <v-btn
               v-else
+              id="btn-record"
               style="background-color: red; padding: 30px"
               icon
               @click.stop="startRecording"
@@ -41,7 +44,7 @@
             </v-btn>
           </v-col>
           <v-col cols="4" align="center">
-            <v-btn icon @click.stop="cancelRecording">
+            <v-btn id="btn-record-cancel" icon @click.stop="cancelRecording">
               <v-icon color="white">close</v-icon>
             </v-btn>
           </v-col>
@@ -97,12 +100,12 @@
                 </div>
               </v-col>
               <v-col cols="3">
-                <v-btn @click.stop="cancelRecording" text class="swipe-info">{{
+                <v-btn id="btn-record-cancel" @click.stop="cancelRecording" text class="swipe-info">{{
                   $t("menu.cancel")
                 }}</v-btn>
               </v-col>
               <v-col cols="3">
-                <v-btn @click.stop="stopRecording" icon class="swipe-info"
+                <v-btn id="btn-record-stop" @click.stop="stopRecording" icon class="swipe-info"
                   ><v-icon color="white">stop</v-icon></v-btn
                 >
               </v-col>
@@ -124,7 +127,7 @@
               </div>
             </v-col>
             <v-col align="right">
-              <v-btn icon @click.stop="cancelRecording">
+              <v-btn id="btn-record-cancel" icon @click.stop="cancelRecording">
                 <v-icon color="white">close</v-icon>
               </v-btn>
             </v-col>
diff --git a/src/components/messages/AudioPlayer.vue b/src/components/messages/AudioPlayer.vue
index 8f5e7fd..7a7b940 100644
--- a/src/components/messages/AudioPlayer.vue
+++ b/src/components/messages/AudioPlayer.vue
@@ -3,10 +3,10 @@
     <audio ref="player" :src="src" @durationchange="updateDuration">
       <slot></slot>
     </audio>
-    <v-btn v-if="playing" @click.stop="pause" icon
+    <v-btn v-if="playing" id="btn-pause" @click.stop="pause" icon
       ><v-icon size="20">pause</v-icon></v-btn
     >
-    <v-btn v-else @click.stop="play" icon
+    <v-btn v-else id="btn-play" @click.stop="play" icon
       ><v-icon size="20">play_arrow</v-icon></v-btn
     >
     <div class="play-time" style="flex: 1 0 80px">
diff --git a/src/components/messages/AvatarOperations.vue b/src/components/messages/AvatarOperations.vue
index 4e4bd08..509ce2d 100644
--- a/src/components/messages/AvatarOperations.vue
+++ b/src/components/messages/AvatarOperations.vue
@@ -6,7 +6,7 @@
       outgoing: !incoming,
     }"
   >
-    <v-btn v-if="incoming" text @click.stop="startPrivateChat" class="ma-0 pa-0"
+    <v-btn id="btn-private-chat" v-if="incoming" text @click.stop="startPrivateChat" class="ma-0 pa-0"
       >{{ $t("menu.start_private_chat") }}</v-btn
     >
   </div>
diff --git a/src/components/messages/MessageIncoming.vue b/src/components/messages/MessageIncoming.vue
index f328848..3f11f2b 100644
--- a/src/components/messages/MessageIncoming.vue
+++ b/src/components/messages/MessageIncoming.vue
@@ -16,7 +16,7 @@
     <!-- SLOT FOR CONTENT -->
     <slot></slot>
     <div class="op-button" ref="opbutton">
-      <v-btn icon @click.stop="showContextMenu($refs.opbutton)"
+      <v-btn id="btn-more" icon @click.stop="showContextMenu($refs.opbutton)"
         ><v-icon>more_vert</v-icon></v-btn
       >
     </div>
diff --git a/src/components/messages/MessageOperations.vue b/src/components/messages/MessageOperations.vue
index bd70ba1..8e48215 100644
--- a/src/components/messages/MessageOperations.vue
+++ b/src/components/messages/MessageOperations.vue
@@ -1,14 +1,14 @@
 <template>
   <div :class="{'message-operations':true,'incoming':incoming,'outgoing':!incoming}">
     <template v-for="(item,index) in emojis">
-      <v-btn v-if="index < maxRecents" :key="item.data" icon @click.stop="addQuickReaction(item.data)" class="ma-0 pa-0" dense>
+      <v-btn v-if="index < maxRecents" :key="item.data" id="btn-quick-reaction" icon @click.stop="addQuickReaction(item.data)" class="ma-0 pa-0" dense>
         <span class="recent-emoji">{{ item.data }}</span>
       </v-btn>
     </template>
-    <v-btn v-if="incoming" icon @click.stop="addReply" class="ma-0 pa-0" large>
+    <v-btn v-if="incoming" id="btn-reply" icon @click.stop="addReply" class="ma-0 pa-0" large>
       <v-icon>reply</v-icon>
     </v-btn>
-    <v-btn icon @click.stop="more" class="ma-0 pa-0" large>
+    <v-btn id="btn-more" icon @click.stop="more" class="ma-0 pa-0" large>
       <v-icon>more_horiz</v-icon>
     </v-btn>  </div>
 </template>
diff --git a/src/components/messages/MessageOperationsPicker.vue b/src/components/messages/MessageOperationsPicker.vue
index 00c4f27..d1b80fb 100644
--- a/src/components/messages/MessageOperationsPicker.vue
+++ b/src/components/messages/MessageOperationsPicker.vue
@@ -9,25 +9,25 @@
     <v-container fluid>
       <v-row>
         <v-col v-if="incoming">
-          <v-btn icon @click.stop="addReply" class="ma-0 pa-0">
+          <v-btn id="btn-add-reply" icon @click.stop="addReply" class="ma-0 pa-0">
             <v-icon>reply</v-icon>
           </v-btn>
           <div>{{$t('menu.reply')}}</div>
         </v-col>
         <v-col v-if="isEditable">
-          <v-btn icon @click.stop="edit" class="ma-0 pa-0">
+          <v-btn id="btn-edit" icon @click.stop="edit" class="ma-0 pa-0">
             <v-icon>edit</v-icon>
           </v-btn>
           <div>{{$t('menu.edit')}}</div>
         </v-col>
         <v-col v-if="isRedactable">
-          <v-btn icon @click.stop="redact" class="ma-0 pa-0">
+          <v-btn id="btn-redact" icon @click.stop="redact" class="ma-0 pa-0">
             <v-icon>delete</v-icon>
           </v-btn>
           <div>{{$t('menu.delete')}}</div>
         </v-col>
         <v-col v-if="isDownloadable">
-          <v-btn icon @click.stop="download" class="ma-0 pa-0">
+          <v-btn id="btn-download" icon @click.stop="download" class="ma-0 pa-0">
             <v-icon>get_app</v-icon>
           </v-btn>
           <div>{{$t('menu.download')}}</div>
diff --git a/src/components/messages/MessageOutgoing.vue b/src/components/messages/MessageOutgoing.vue
index f40f520..c14d2c9 100644
--- a/src/components/messages/MessageOutgoing.vue
+++ b/src/components/messages/MessageOutgoing.vue
@@ -10,7 +10,7 @@
 
     <QuickReactions :event="event" :reactions="reactions" />
     <div class="op-button" ref="opbutton">
-      <v-btn icon @click.stop="showContextMenu($refs.opbutton)"
+      <v-btn id="btn-show-menu" icon @click.stop="showContextMenu($refs.opbutton)"
         ><v-icon>more_vert</v-icon></v-btn
       >
     </div>