Removes mock data, adds spec and translation

app/assets/javascripts/alert_management/components/alert_details.vue

@@ -6,7 +6,7 @@ export default {
   statuses: {
     triggered: s__('AlertManagement|Triggered'),
     acknowledged: s__('AlertManagement|Acknowledged'),
-    ignored: s__('AlertManagement|Ignored'),
+    resolved: s__('AlertManagement|Resolved'),
   },
   i18n: {
     fullAlertDetailsTitle: s__('AlertManagement|Full Alert Details'),
@@ -27,6 +27,7 @@ export default {
         <gl-new-dropdown-item
           v-for="(label, field) in $options.statuses"
           :key="field"
+          data-testid="statusDropdownItem"
           class="align-middle"
           >{{ label }}
         </gl-new-dropdown-item>

app/assets/javascripts/alert_management/components/alerts.json

-{
-  "alerts": [
-    {
-      "id": 1,
-      "iid": "1527542",
-      "title": "SyntaxError: Invalid or unexpected token",
-      "severity": "Critical",
-      "eventCount": 7,
-      "startedAt": "2020-04-17T23:18:14.996Z",
-      "endedAt": "2020-04-17T23:18:14.996Z",
-      "status": "triggered"
-    }
-  ]
-}
-

spec/frontend/alert_management/components/alert_management_detail_spec.js

@@ -30,5 +30,9 @@ describe('AlertDetails', () => {
     it('renders alert details', () => {
       expect(wrapper.find('[data-testid="startTimeItem"]').exists()).toBe(true);
     });
+
+    it('renders a status dropdown', () => {
+      expect(wrapper.find('[data-testid="statusDropdownItem"]').exists()).toBe(true);
+    });
   });
 });