Merge branch 'fix-pipeline-count-on-mr-tab' into 'master'

Fix pipeline count on merge request tab

See merge request gitlab-org/gitlab!65536

app/assets/javascripts/commit/pipelines/pipelines_bundle.js

@@ -14,14 +14,10 @@ export default () => {
   if (pipelineTableViewEl) {
     // Update MR and Commits tabs
     pipelineTableViewEl.addEventListener('update-pipelines-count', (event) => {
-      if (
-        event.detail.pipelines &&
-        event.detail.pipelines.count &&
-        event.detail.pipelines.count.all
-      ) {
+      if (event.detail.pipelineCount) {
         const badge = document.querySelector('.js-pipelines-mr-count');
 
-        badge.textContent = event.detail.pipelines.count.all;
+        badge.textContent = event.detail.pipelineCount;
       }
     });
 

app/assets/javascripts/commit/pipelines/pipelines_table.vue

@@ -133,16 +133,16 @@ export default {
       this.store.storePagination(resp.headers);
       this.setCommonData(pipelines);
 
+      if (resp.headers?.['x-total']) {
         const updatePipelinesEvent = new CustomEvent('update-pipelines-count', {
-        detail: {
-          pipelines: resp.data,
-        },
+          detail: { pipelineCount: resp.headers['x-total'] },
         });
 
         // notifiy to update the count in tabs
         if (this.$el.parentElement) {
           this.$el.parentElement.dispatchEvent(updatePipelinesEvent);
         }
+      }
     },
     /**
      * When the user clicks on the "Run pipeline" button

spec/frontend/commit/pipelines/pipelines_table_spec.js

@@ -66,7 +66,7 @@ describe('Pipelines table in Commits and Merge requests', () => {
 
     describe('with pipelines', () => {
       beforeEach(async () => {
-        mock.onGet('endpoint.json').reply(200, [pipeline]);
+        mock.onGet('endpoint.json').reply(200, [pipeline], { 'x-total': 10 });
 
         createComponent();
 
@@ -110,7 +110,7 @@ describe('Pipelines table in Commits and Merge requests', () => {
           document.body.appendChild(element);
 
           element.addEventListener('update-pipelines-count', (event) => {
-            expect(event.detail.pipelines).toEqual([pipeline]);
+            expect(event.detail.pipelineCount).toEqual(10);
             done();
           });