Add help popover with pipeline type info
-
Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA
What does this MR do and why?
These changes add to the widget pipeline a helper popover component containing info regarding the type of pipeline. The popover will be only shown if matches one of the types. This prevents showing empty info when there is inconsistency with the data received.
To ensure the event_type_name
matches the correct title and content, I created a new constants.js
file to store the necessary values that align with the backend data.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
Before | After |
---|---|
![]() |
![]() ![]() ![]() |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Visit an MR such as
http://127.0.0.1:300/toolbox/gitlab-smoke-tests/-/merge_requests/2
- You should observe a help icon in the pipeline widget
- Open the component
mr_widget_pipeline.vue
and change the computed proppipelineTypeHelpPopoverOptions
variableeventTypeName
to one of the values below, and repeat 1 and 2.
export const PIPELINE_EVENT_TYPE_MERGE_TRAIN = 'Merge train pipeline';
export const PIPELINE_EVENT_TYPE_MERGED_RESULT = 'Merged result pipeline';
export const PIPELINE_EVENT_TYPE_MERGE_REQUEST = 'Merge request pipeline';
Related to #13631 (closed)