Update issues refactor to use `blockingCount` field

The `blockingCount` field was recently added to the
GraphQL Issue type. This commit updates the issues
refactor to use this new field, rather than the
`blockedByCount` field it used before, so it
displays the UI blocking count exactly the same
as on the current Haml page.

https://gitlab.com/gitlab-org/gitlab/-/issues/322755

app/assets/javascripts/issues_list/components/issues_list_app.vue

@@ -691,8 +691,9 @@ export default {
         </li>
         <blocking-issues-count
           class="blocking-issues gl-display-none gl-sm-display-block"
-          :blocking-issues-count="issuable.blockedByCount"
+          :blocking-issues-count="issuable.blockingCount"
           :is-list-item="true"
+          data-testid="blocking-issues"
         />
       </template>
 

ee/app/assets/javascripts/issues_list/queries/get_issues.query.graphql

@@ -47,7 +47,7 @@ query getProjectIssues(
       }
       nodes {
         ...IssueFragment
-        blockedByCount
+        blockingCount
         healthStatus
         weight
       }

ee/spec/features/issues/blocking_issues_spec.rb

@@ -21,12 +21,8 @@ RSpec.describe 'Blocking issues count' do
   end
 
   it 'sorts by blocking', :js do
-    find('.filter-dropdown-container .dropdown').click
-
-    page.within('ul.dropdown-menu.dropdown-menu-right li') do
-      expect(page).to have_content('Blocking')
-      click_link("Blocking")
-    end
+    click_button 'Created date'
+    click_on 'Blocking'
 
     page.within(".issues-list") do
       page.within("li.issue:nth-child(1)") do

spec/frontend/issues_list/components/issues_list_app_spec.js

@@ -78,7 +78,7 @@ describe('IssuesListApp component', () => {
   let defaultQueryResponse = getIssuesQueryResponse;
   if (IS_EE) {
     defaultQueryResponse = cloneDeep(getIssuesQueryResponse);
-    defaultQueryResponse.data.project.issues.nodes[0].blockedByCount = 1;
+    defaultQueryResponse.data.project.issues.nodes[0].blockingCount = 1;
     defaultQueryResponse.data.project.issues.nodes[0].healthStatus = null;
     defaultQueryResponse.data.project.issues.nodes[0].weight = 5;
   }