E2E tests

Author: ksy36

server/frontend/src/components/Buckets/List.vue

@@ -18,6 +18,7 @@
           <button
             type="button"
             class="btn btn-default"
+            data-testid="show-triaged-toggle"
             :disabled="loading"
             @click="updateShowHidden"
           >

server/frontend/src/components/Buckets/TriageBucketDropdown.vue

@@ -1,17 +1,18 @@
 <template>
   <div class="triage-bucket-dropdown">
-    <a class="btn btn-default" @click="showPanel">
+    <a class="btn btn-default" data-testid="triage-trigger" @click="showPanel">
       {{ currentStatus ? "Change triage status" : "Mark triaged" }}
     </a>
 
-    <div v-if="isPanelVisible" class="triage-panel">
+    <div v-if="isPanelVisible" class="triage-panel" data-testid="triage-panel">
       <div class="panel-header">Select status</div>
       <div class="panel-options">
         <a
           v-for="choice in choices"
           :key="choice.value"
           class="panel-option"
           :class="{ 'panel-option--selected': choice.value === currentStatus }"
+          :data-testid="`triage-option-${choice.value}`"
           @click="choice.value !== currentStatus && selectStatus(choice.value)"
         >
           <span class="option-rail"></span>
@@ -24,6 +25,7 @@
       <div v-if="currentStatus" class="panel-danger-zone">
         <a
           class="panel-option panel-option--unmark"
+          data-testid="triage-unmark"
           @click="selectStatus(null)"
         >
           <span class="option-rail"></span>

server/frontend/src/components/Buckets/View.vue

@@ -32,9 +32,14 @@
             </td>
             <td v-else>
               No bug associated.
-              <span v-if="bucket.triage_status"
-              >Marked triaged as: <strong> {{ bucket.triage_status_display }} </strong> on
-                {{ formatDate(bucket.triaged_at) }}.</span
+              <span
+                v-if="bucket.triage_status"
+                data-testid="triage-status-display"
+                >Marked triaged as:
+                <strong data-testid="triage-status-label">
+                  {{ bucket.triage_status_display }}
+                </strong>
+                on {{ formatDate(bucket.triaged_at) }}.</span
               >
               <br v-if="canEdit" /><br v-if="canEdit" />
               <div v-if="canEdit" class="btn-group">