Merge branch 'reduce-pipline-tooltip-delay-to-zero' into 'master'

Reduce pipeline tooltip delay to 0

See merge request gitlab-org/gitlab!59155

app/assets/javascripts/pipelines/components/pipelines_list/pipeline_stage.vue

@@ -103,7 +103,7 @@ export default {
 <template>
   <gl-dropdown
     ref="dropdown"
-    v-gl-tooltip.hover
+    v-gl-tooltip.hover.ds0
     data-testid="mini-pipeline-graph-dropdown"
     :title="stage.title"
     variant="link"

changelogs/unreleased/reduce-pipline-tooltip-delay-to-zero.yml

+---
+title: Reduce pipeline tooltip delay to 0
+merge_request: 59155
+author:
+type: changed

spec/frontend/pipelines/components/pipelines_list/pipeline_stage_spec.js

@@ -11,10 +11,15 @@ const dropdownPath = 'path.json';
 describe('Pipelines stage component', () => {
   let wrapper;
   let mock;
+  let glTooltipDirectiveMock;
 
   const createComponent = (props = {}) => {
+    glTooltipDirectiveMock = jest.fn();
     wrapper = mount(PipelineStage, {
       attachTo: document.body,
+      directives: {
+        GlTooltip: glTooltipDirectiveMock,
+      },
       propsData: {
         stage: {
           status: {
@@ -62,6 +67,10 @@ describe('Pipelines stage component', () => {
       createComponent();
     });
 
+    it('sets up the tooltip to not have a show delay animation', () => {
+      expect(glTooltipDirectiveMock.mock.calls[0][1].modifiers.ds0).toBe(true);
+    });
+
     it('should render a dropdown with the status icon', () => {
       expect(findDropdown().exists()).toBe(true);
       expect(findDropdownToggle().exists()).toBe(true);