Merge branch '208093-align-related-merge-request-icon' into 'master'

Fix vertical misalignment for related mr icon in Vue issues list.

See merge request gitlab-org/gitlab!40923

app/assets/javascripts/issuables_list/components/issuable.vue

@@ -158,7 +158,7 @@ export default {
           value: this.issuable.merge_requests_count,
           title: __('Related merge requests'),
           dataTestId: 'merge-requests',
-          class: 'js-merge-requests icon-merge-request-unmerged',
+          class: 'js-merge-requests',
           icon: 'merge-request',
         },
         {

spec/features/issuables/issuable_list_spec.rb

@@ -51,8 +51,8 @@ RSpec.describe 'issuable list', :js do
   it "counts merge requests closing issues icons for each issue" do
     visit_issuable_list(:issue)
 
-    expect(page).to have_selector('.icon-merge-request-unmerged', count: 1)
-    expect(first('.icon-merge-request-unmerged').find(:xpath, '..')).to have_content(1)
+    expect(page).to have_selector('[data-testid="merge-requests"]', count: 1)
+    expect(first('[data-testid="merge-requests"]').find(:xpath, '..')).to have_content(1)
   end
 
   def visit_issuable_list(issuable_type)