Add missing tooltip for deployment name

Long deployment names in CI Environment Deployments
list now have a tooltip when it is truncated. On mobile
devices the name is not truncated to make it readable.

Fixes #235491

Changelog: fixed

app/views/projects/deployments/_deployment.html.haml

@@ -23,7 +23,7 @@
     - if deployment.deployable
       .table-mobile-content
         .flex-truncate-parent
-          .flex-truncate-child
+          .flex-truncate-child.has-tooltip.gl-white-space-normal.gl-md-white-space-nowrap{ :title => "#{deployment.deployable.name} (##{deployment.deployable.id})", data: { container: 'body' } }
             = link_to deployment_path(deployment), class: 'build-link' do
               #{deployment.deployable.name} (##{deployment.deployable.id})
     - else

spec/features/projects/environments/environment_spec.rb

@@ -97,6 +97,10 @@ def auto_stop_button_selector
         it 'does show deployments' do
           expect(page).to have_link("#{build.name} (##{build.id})")
         end
+
+        it 'shows a tooltip on the job name' do
+          expect(page).to have_css("[title=\"#{build.name} (##{build.id})\"].has-tooltip")
+        end
       end
 
       context 'when there is a failed deployment' do