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

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