Resolve "set fields to use meaningful ID names for automated test"

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"
           >