Merge branch '469603-add-detail-to-other-label' into 'master'

Adds details to Other status in chart

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/183952



Merged-by: Enrique Alcántara <ealcantara@gitlab.com>
Approved-by: Gina Doyle <gdoyle@gitlab.com>
Approved-by: Enrique Alcántara <ealcantara@gitlab.com>
Co-authored-by: Miguel Rincon <mrincon@gitlab.com>

app/assets/javascripts/projects/pipelines/charts/components/pipeline_status_chart.vue

@@ -33,7 +33,7 @@ export default {
       const bars = [
         { name: s__('Pipeline|Successful'), data: [] },
         { name: s__('Pipeline|Failed'), data: [] },
-        { name: s__('Pipeline|Other'), data: [] },
+        { name: s__('Pipeline|Other (Cancelled, Skipped)'), data: [] },
       ];
 
       this.timeSeries.forEach(({ label, successCount, failedCount, otherCount }) => {

locale/gitlab.pot

@@ -43530,7 +43530,7 @@ msgstr ""
 msgid "Pipeline|Only the first 100 jobs per stage are displayed"
 msgstr ""
-msgid "Pipeline|Other"
+msgid "Pipeline|Other (Cancelled, Skipped)"
 msgstr ""
 msgid "Pipeline|Passed"

spec/frontend/projects/pipelines/charts/components/pipeline_status_chart_spec.js

@@ -36,7 +36,7 @@ describe('PipelineStatusChart', () => {
       bars: [
         { data: [], name: 'Successful' },
         { data: [], name: 'Failed' },
-        { data: [], name: 'Other' },
+        { data: [], name: 'Other (Cancelled, Skipped)' },
       ],
       groupBy: [],
       customPalette: ['#619025', '#b93d71', '#617ae2'],
@@ -61,7 +61,7 @@ describe('PipelineStatusChart', () => {
     expect(findStackedColumnChart().props('bars')).toEqual([
       { data: [10, 11], name: 'Successful' },
       { data: [20, 21], name: 'Failed' },
-      { data: [30, 31], name: 'Other' },
+      { data: [30, 31], name: 'Other (Cancelled, Skipped)' },
     ]);
   });