Resolve "Display Incident Tag badge in timeline"
What does this MR do and why?
- Add a badge for timeline event tag that is optional and displayed only when provided
- refactor spec/frontend/issues/show/components/incidents/timeline_events_item_spec.js to use
mountComponent();
inbeforeEach()
instead of eachit()
statement
Screenshots or screen recordings
before | after |
---|---|
![]() |
![]() |
![]() |
![]() |
How to set up and validate locally
- Navigate to Monitor > Incidents page
- Create new or open an existing incident
- Navigate to Timeline tab of the incident
- Click "Add new timeline event" button at the bottom
- Provide the timeline text as a single word with a long length (for example 280 characters)
- Click "Save" button
- To display the tag locally go to app/assets/javascripts/issues/show/components/incidents/timeline_events_list.vue and add
:event-tag="
Start time"
toincident-timeline-event-item
component (there is no mechanism for actually adding a tag yet):
<incident-timeline-event-item
v-else
:key="event.id"
:action="event.action"
:occurred-at="event.occurredAt"
:note-html="event.noteHtml"
:event-tag="`Start time`"
@delete="handleDelete(event)"
@edit="handleEditSelection(event)"
/>
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #373854 (closed)
Edited by Paulina Sedlak-Jakubowska