Merge branch 'kp-add-upvote-downvote-counts-epics-list' into 'master'

Fix missing upvote/downvote counts on Epics list

See merge request gitlab-org/gitlab!79844

app/assets/javascripts/vue_shared/issuable/list/components/issuable_item.vue

@@ -121,7 +121,10 @@ export default {
     },
     showIssuableMeta() {
       return Boolean(
-        this.hasSlotContents('status') || this.showDiscussions || this.issuable.assignees,
+        this.hasSlotContents('status') ||
+          this.hasSlotContents('statistics') ||
+          this.showDiscussions ||
+          this.issuable.assignees,
       );
     },
     issuableNotesLink() {

ee/app/assets/javascripts/epics_list/components/epics_list_root.vue

 <script>
-import { GlButton, GlIcon } from '@gitlab/ui';
+import { GlButton, GlIcon, GlTooltipDirective } from '@gitlab/ui';
 import axios from '~/lib/utils/axios_utils';
 
 import EpicsFilteredSearchMixin from 'ee/roadmap/mixins/filtered_search_mixin';
@@ -30,6 +30,9 @@ export default {
     EpicsListEmptyState,
     EpicsListBulkEditSidebar,
   },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   mixins: [EpicsFilteredSearchMixin],
   inject: [
     'canCreateEpic',
@@ -299,6 +302,28 @@ export default {
       <gl-icon name="calendar" />
       {{ epicTimeframe(issuable) }}
     </template>
+    <template #statistics="{ issuable = {} }">
+      <li
+        v-if="issuable.upvotes"
+        v-gl-tooltip
+        class="issuable-upvotes gl-display-none gl-sm-display-block"
+        :title="__('Upvotes')"
+        data-testid="issuable-upvotes"
+      >
+        <gl-icon name="thumb-up" />
+        {{ issuable.upvotes }}
+      </li>
+      <li
+        v-if="issuable.downvotes"
+        v-gl-tooltip
+        class="issuable-downvotes gl-display-none gl-sm-display-block"
+        :title="__('Downvotes')"
+        data-testid="issuable-downvotes"
+      >
+        <gl-icon name="thumb-down" />
+        {{ issuable.downvotes }}
+      </li>
+    </template>
     <template #empty-state>
       <epics-list-empty-state :current-state="currentState" :epics-count="epicsCount" />
     </template>

ee/app/assets/javascripts/epics_list/queries/group_epics.query.graphql

@@ -45,6 +45,8 @@ query groupEpics(
         webUrl
         userDiscussionsCount @include(if: $isSignedIn)
         confidential
+        upvotes
+        downvotes
         group {
           id
           fullPath

ee/spec/features/epics/epics_list_spec.rb

@@ -24,6 +24,8 @@ RSpec.describe 'epics list', :js do
       let!(:epic2) { create(:epic, group: group, start_date: '2020-12-15') }
       let!(:epic3) { create(:epic, group: group, end_date: '2021-1-15') }
       let!(:award_emoji_star) { create(:award_emoji, name: 'star', user: user, awardable: epic1) }
+      let!(:award_emoji_upvote) { create(:award_emoji, :upvote, user: user, awardable: epic1) }
+      let!(:award_emoji_downvote) { create(:award_emoji, :downvote, user: user, awardable: epic2) }
 
       shared_examples 'epic list' do
         it 'renders epics list', :aggregate_failures do
@@ -35,11 +37,16 @@ RSpec.describe 'epics list', :js do
         end
 
         it 'renders epics item with metadata', :aggregate_failures do
-          page.within('.issuable-list .issue:first-of-type') do
+          page.within(".issuable-list #issuable_#{epic2.id}.issue") do
             expect(page).to have_link(epic2.title)
             expect(page).to have_text("&#{epic2.iid}")
+            expect(page).to have_selector('.issuable-meta [data-testid="issuable-downvotes"]')
             expect(page).to have_text("created just now by #{epic2.author.name}")
           end
+
+          page.within(".issuable-list #issuable_#{epic1.id}.issue") do
+            expect(page).to have_selector('.issuable-meta [data-testid="issuable-upvotes"]')
+          end
         end
 
         it 'renders epic item timeframe', :aggregate_failures do