From 29cb6e6712cea57555016eca2bd59ccf2d48c3ea Mon Sep 17 00:00:00 2001
From: GitLab Bot <gitlab-bot@gitlab.com>
Date: Tue, 24 Dec 2024 03:31:34 +0000
Subject: [PATCH] Add latest changes from gitlab-org/gitlab@master

---
 .../javascripts/ci/common/pipelines_table.vue     |  5 +++--
 spec/frontend/ci/common/pipelines_table_spec.js   | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/ci/common/pipelines_table.vue b/app/assets/javascripts/ci/common/pipelines_table.vue
index 18dd20d53e0..db0b8569e58 100644
--- a/app/assets/javascripts/ci/common/pipelines_table.vue
+++ b/app/assets/javascripts/ci/common/pipelines_table.vue
@@ -196,8 +196,9 @@ export default {
       fixed
     >
       <template #head(actions)>
-        <span class="gl-block lg:!gl-hidden">{{ s__('Pipeline|Actions') }}</span>
-        <slot name="table-header-actions"></slot>
+        <slot name="table-header-actions">
+          <span class="gl-block gl-text-right">{{ s__('Pipeline|Actions') }}</span>
+        </slot>
       </template>
 
       <template #table-colgroup="{ fields }">
diff --git a/spec/frontend/ci/common/pipelines_table_spec.js b/spec/frontend/ci/common/pipelines_table_spec.js
index ec49b98e44a..3bdbd2bd2b8 100644
--- a/spec/frontend/ci/common/pipelines_table_spec.js
+++ b/spec/frontend/ci/common/pipelines_table_spec.js
@@ -27,6 +27,7 @@ Vue.use(VueApollo);
 describe('Pipelines Table', () => {
   let wrapper;
   let trackingSpy;
+  let slots;
 
   const defaultProvide = {
     fullPath: '/my-project/',
@@ -62,6 +63,7 @@ describe('Pipelines Table', () => {
         ...stubs,
       },
       apolloProvider: createMockApollo(),
+      slots,
     });
   };
 
@@ -330,4 +332,17 @@ describe('Pipelines Table', () => {
       });
     });
   });
+
+  describe('table-header-actions slot', () => {
+    it('should replace actions column header by the slot content', () => {
+      const content = 'Actions slot content';
+      slots = {
+        'table-header-actions': `<div>${content}</div>`,
+      };
+
+      createComponent();
+
+      expect(findActionsTh().text()).toBe(content);
+    });
+  });
 });