Fix tab counts for license compliance

* Change computed prop to use value from response headers
* Add unit tests

Add change log

Fix changelog entry

ee/app/assets/javascripts/license_compliance/components/app.vue

@@ -49,7 +49,7 @@ export default {
     };
   },
   computed: {
-    ...mapState(LICENSE_LIST, ['initialized', 'licenses', 'reportInfo', 'listTypes']),
+    ...mapState(LICENSE_LIST, ['initialized', 'licenses', 'reportInfo', 'listTypes', 'pageInfo']),
     ...mapState(LICENSE_MANAGEMENT, ['managedLicenses']),
     ...mapGetters(LICENSE_LIST, ['isJobSetUp', 'isJobFailed', 'hasPolicyViolations']),
     hasEmptyState() {
@@ -59,7 +59,7 @@ export default {
       return Boolean(this.glFeatures.licensePolicyList);
     },
     licenseCount() {
-      return this.licenses.length;
+      return this.pageInfo.total;
     },
     policyCount() {
       return this.managedLicenses.length;

ee/changelogs/unreleased/30568-fix-license-compliance-counts.yml

+---
+title: Add sort and order for policy violations
+merge_request: 30568
+author:
+type: fixed

ee/spec/frontend/license_compliance/components/app_spec.js

@@ -153,6 +153,9 @@ describe('Project Licenses', () => {
             generatedAt: '',
             status: REPORT_STATUS.ok,
           },
+          pageInfo: {
+            total: 24,
+          },
         },
         options: {
           provide: {
@@ -176,6 +179,14 @@ describe('Project Licenses', () => {
       expect(wrapper.find(DetectedLicensesTable).exists()).toBe(true);
     });
 
+    it('it renders the correct count in "Detected in project" tab', () => {
+      expect(wrapper.vm.licenseCount).toBe(24);
+    });
+
+    it('it renders the correct count in "Policies" tab', () => {
+      expect(wrapper.vm.policyCount).toBe(2);
+    });
+
     it('it renders the "Policies" table', () => {
       expect(wrapper.find(LicenseManagement).exists()).toBe(true);
     });