Add more data properties

client/src/components/UserWidget.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="user-widget" :class="{'user-widget--is-profile': isProfile}">
-    <div class="user-widget__avatar" @click="openSidebar()">
+    <div class="user-widget__avatar" data-cy="user-widget-avatar" @click="openSidebar()">
       <avatar :avatar-url="avatarUrl" :icon-highlighted="isProfile"/>
     </div>
   </div>

client/src/pages/joinClass.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>Zugangscode eingeben</h1>
+    <h1 data-cy="join-class-title">Zugangscode eingeben</h1>
     <div>
       <div class="skillboxform-input">
         <label for="join-code" class="skillboxform-input__label">Zugangscode</label>

client/src/pages/myClasses.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="myclasses">
-    <h1 class="myclasses__header">Klassenliste</h1>
+    <h1 class="myclasses__header" data-cy="class-list-title">Klassenliste</h1>
     <classlist v-for="schoolClass in schoolClasses" v-bind="schoolClass" :key="schoolClass.name" class="myclasses__class"></classlist>
   </div>
 </template>