Interpret recent_failures as object, not integer

Add "in %{base_branch}" to test case count
recent_failures.count is the number of failures in the last 14 days
recent_failures.base_branch is the branch the failures were found in

app/assets/javascripts/reports/components/test_issue_body.vue

 <script>
 import { mapActions } from 'vuex';
-import { GlBadge } from '@gitlab/ui';
-import { n__ } from '~/locale';
+import { GlBadge, GlSprintf } from '@gitlab/ui';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
 export default {
   name: 'TestIssueBody',
   components: {
     GlBadge,
+    GlSprintf,
   },
   mixins: [glFeatureFlagsMixin()],
   props: {
@@ -28,18 +28,15 @@ export default {
   },
   computed: {
     showRecentFailures() {
-      return this.glFeatures.testFailureHistory && this.issue.recent_failures;
+      return (
+        this.glFeatures.testFailureHistory &&
+        this.issue.recent_failures?.count &&
+        this.issue.recent_failures?.base_branch
+      );
     },
   },
   methods: {
     ...mapActions(['openModal']),
-    recentFailuresText(count) {
-      return n__(
-        'Failed %d time in the last 14 days',
-        'Failed %d times in the last 14 days',
-        count,
-      );
-    },
   },
 };
 </script>
@@ -53,7 +50,18 @@ export default {
       >
         <gl-badge v-if="isNew" variant="danger" class="gl-mr-2">{{ s__('New') }}</gl-badge>
         <gl-badge v-if="showRecentFailures" variant="warning" class="gl-mr-2">
-          {{ recentFailuresText(issue.recent_failures) }}
+          <gl-sprintf
+            :message="
+              n__(
+                'Reports|Failed %{count} time in %{base_branch} in the last 14 days',
+                'Reports|Failed %{count} times in %{base_branch} in the last 14 days',
+                issue.recent_failures.count,
+              )
+            "
+          >
+            <template #count>{{ issue.recent_failures.count }}</template>
+            <template #base_branch>{{ issue.recent_failures.base_branch }}</template>
+          </gl-sprintf>
         </gl-badge>
         {{ issue.name }}
       </button>

app/assets/javascripts/reports/store/utils.js

@@ -62,12 +62,8 @@ export const recentFailuresTextBuilder = (summary = {}) => {
   }
   return sprintf(
     n__(
-      s__(
-        'Reports|%{recentlyFailed} out of %{failed} failed tests has failed more than once in the last 14 days',
-      ),
-      s__(
-        'Reports|%{recentlyFailed} out of %{failed} failed tests have failed more than once in the last 14 days',
-      ),
+      'Reports|%{recentlyFailed} out of %{failed} failed tests has failed more than once in the last 14 days',
+      'Reports|%{recentlyFailed} out of %{failed} failed tests have failed more than once in the last 14 days',
       recentlyFailed,
     ),
     { recentlyFailed, failed },
@@ -83,7 +79,10 @@ export const countRecentlyFailedTests = subject => {
       return (
         [report.new_failures, report.existing_failures, report.resolved_failures]
           // only count tests which have failed more than once
-          .map(failureArray => failureArray.filter(failure => failure.recent_failures > 1).length)
+          .map(
+            failureArray =>
+              failureArray.filter(failure => failure.recent_failures?.count > 1).length,
+          )
           .reduce((total, count) => total + count, 0)
       );
     })

locale/gitlab.pot

@@ -11366,11 +11366,6 @@ msgstr ""
 msgid "Failed"
 msgstr ""
 
-msgid "Failed %d time in the last 14 days"
-msgid_plural "Failed %d times in the last 14 days"
-msgstr[0] ""
-msgstr[1] ""
-
 msgid "Failed Jobs"
 msgstr ""
 
@@ -22930,10 +22925,9 @@ msgid "Reports|%{recentlyFailed} out of %{failed} failed test has failed more th
 msgstr ""
 
 msgid "Reports|%{recentlyFailed} out of %{failed} failed tests has failed more than once in the last 14 days"
-msgstr ""
-
-msgid "Reports|%{recentlyFailed} out of %{failed} failed tests have failed more than once in the last 14 days"
-msgstr ""
+msgid_plural "Reports|%{recentlyFailed} out of %{failed} failed tests have failed more than once in the last 14 days"
+msgstr[0] ""
+msgstr[1] ""
 
 msgid "Reports|Accessibility scanning detected %d issue for the source branch only"
 msgid_plural "Reports|Accessibility scanning detected %d issues for the source branch only"
@@ -22967,6 +22961,11 @@ msgstr ""
 msgid "Reports|Execution time"
 msgstr ""
 
+msgid "Reports|Failed %{count} time in %{base_branch} in the last 14 days"
+msgid_plural "Reports|Failed %{count} times in %{base_branch} in the last 14 days"
+msgstr[0] ""
+msgstr[1] ""
+
 msgid "Reports|Failure"
 msgstr ""
 

spec/frontend/reports/components/grouped_test_reports_app_spec.js

@@ -264,7 +264,9 @@ describe('Grouped test reports app', () => {
         });
 
         it('renders the recent failures count on the test case', () => {
-          expect(findIssueDescription().text()).toContain('Failed 8 times in the last 14 days');
+          expect(findIssueDescription().text()).toContain(
+            'Failed 8 times in master in the last 14 days',
+          );
         });
       });
 

spec/frontend/reports/mock_data/recent_failures_report.json

@@ -10,7 +10,10 @@
           "name": "Test#sum when a is 1 and b is 2 returns summary",
           "execution_time": 0.009411,
           "system_output": "Failure/Error: is_expected.to eq(3)\n\n  expected: 3\n       got: -1\n\n  (compared using ==)\n./spec/test_spec.rb:12:in `block (4 levels) in <top (required)>'",
-          "recent_failures": 8
+          "recent_failures": {
+            "count": 8,
+            "base_branch": "master"
+          }
         },
         {
           "result": "failure",
@@ -33,7 +36,10 @@
           "result": "failure",
           "name": "Test#sum when a is 100 and b is 200 returns summary",
           "execution_time": 0.000562,
-          "recent_failures": 3
+          "recent_failures": {
+            "count": 3,
+            "base_branch": "master"
+          }
         }
       ],
       "resolved_failures": [],

spec/frontend/reports/store/mutations_spec.js

@@ -46,7 +46,10 @@ describe('Reports Store Mutations', () => {
               name: 'StringHelper#concatenate when a is git and b is lab returns summary',
               execution_time: 0.0092435,
               system_output: "Failure/Error: is_expected.to eq('gitlab')",
-              recent_failures: 4,
+              recent_failures: {
+                count: 4,
+                base_branch: 'master',
+              },
             },
           ],
           resolved_failures: [

spec/frontend/reports/store/utils_spec.js

@@ -188,9 +188,9 @@ describe('Reports store utils', () => {
   describe('countRecentlyFailedTests', () => {
     it('counts tests with more than one recent failure in a report', () => {
       const report = {
-        new_failures: [{ recent_failures: 2 }],
-        existing_failures: [{ recent_failures: 1 }],
-        resolved_failures: [{ recent_failures: 20 }, { recent_failures: 5 }],
+        new_failures: [{ recent_failures: { count: 2 } }],
+        existing_failures: [{ recent_failures: { count: 1 } }],
+        resolved_failures: [{ recent_failures: { count: 20 } }, { recent_failures: { count: 5 } }],
       };
       const result = utils.countRecentlyFailedTests(report);
 
@@ -200,14 +200,17 @@ describe('Reports store utils', () => {
     it('counts tests  with more than one recent failure in an array of reports', () => {
       const reports = [
         {
-          new_failures: [{ recent_failures: 2 }],
-          existing_failures: [{ recent_failures: 20 }, { recent_failures: 5 }],
-          resolved_failures: [{ recent_failures: 2 }],
+          new_failures: [{ recent_failures: { count: 2 } }],
+          existing_failures: [
+            { recent_failures: { count: 20 } },
+            { recent_failures: { count: 5 } },
+          ],
+          resolved_failures: [{ recent_failures: { count: 2 } }],
         },
         {
-          new_failures: [{ recent_failures: 8 }, { recent_failures: 14 }],
-          existing_failures: [{ recent_failures: 1 }],
-          resolved_failures: [{ recent_failures: 7 }, { recent_failures: 5 }],
+          new_failures: [{ recent_failures: { count: 8 } }, { recent_failures: { count: 14 } }],
+          existing_failures: [{ recent_failures: { count: 1 } }],
+          resolved_failures: [{ recent_failures: { count: 7 } }, { recent_failures: { count: 5 } }],
         },
       ];
       const result = utils.countRecentlyFailedTests(reports);