Update header text on project security dashboard

- Add more specs to cover text changes
- Add changelog

ee/app/assets/javascripts/security_dashboard/components/first_class_project_security_dashboard.vue

@@ -74,7 +74,7 @@ export default {
       <security-dashboard-layout>
         <template #header>
           <div class="gl-mt-6 gl-display-flex">
-            <h4 class="gl-flex-grow-1 gl-my-0">{{ __('Vulnerabilities') }}</h4>
+            <h4 class="gl-flex-grow-1 gl-my-0">{{ __('Vulnerability Report') }}</h4>
             <csv-export-button :vulnerabilities-export-endpoint="vulnerabilitiesExportEndpoint" />
           </div>
           <project-pipeline-status :pipeline="pipeline" />

ee/app/assets/javascripts/security_dashboard/components/project_pipeline_status.vue

@@ -40,7 +40,7 @@ export default {
   },
   i18n: {
     title: __(
-      'The Security Dashboard shows the results of the last successful pipeline run on the default branch.',
+      'The Vulnerability Report shows the results of the last successful pipeline run on the default branch.',
     ),
     lastUpdated: __('Last updated'),
     autoFixSolutions: s__('AutoRemediation|Auto-fix solutions'),

ee/changelogs/unreleased/289933-update-text-on-vulnerability-report-page.yml

+---
+title: Update header text on project level vulnerability report page
+merge_request: 48872
+author:
+type: other

ee/spec/frontend/security_dashboard/components/first_class_project_security_dashboard_spec.js

 import { GlBanner } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
+import { within } from '@testing-library/dom';
 import Cookies from 'js-cookie';
 import AutoFixUserCallout from 'ee/security_dashboard/components/auto_fix_user_callout.vue';
 import CsvExportButton from 'ee/security_dashboard/components/csv_export_button.vue';
@@ -71,6 +72,12 @@ describe('First class Project Security Dashboard component', () => {
       });
     });
 
+    it('should render the header correctly', () => {
+      expect(
+        within(wrapper.element).getByRole('heading', { name: 'Vulnerability Report' }),
+      ).not.toBe(null);
+    });
+
     it('should render the vulnerabilities', () => {
       expect(findVulnerabilities().exists()).toBe(true);
     });

ee/spec/frontend/security_dashboard/components/project_pipeline_status_spec.js

 import { GlLink } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
+import { within } from '@testing-library/dom';
 import { merge } from 'lodash';
 import PipelineStatusBadge from 'ee/security_dashboard/components/pipeline_status_badge.vue';
 import ProjectPipelineStatus from 'ee/security_dashboard/components/project_pipeline_status.vue';
@@ -55,6 +56,15 @@ describe('Project Pipeline Status Component', () => {
       wrapper = createWrapper();
     });
 
+    it('should display the help message properly', () => {
+      expect(
+        within(wrapper.element).getByRole('heading', {
+          name:
+            'The Vulnerability Report shows the results of the last successful pipeline run on the default branch.',
+        }),
+      ).not.toBe(null);
+    });
+
     it('should show the timeAgoTooltip component', () => {
       const TimeComponent = findTimeAgoTooltip();
       expect(TimeComponent.exists()).toBeTruthy();

locale/gitlab.pot

@@ -26904,9 +26904,6 @@ msgstr ""
 msgid "The Prometheus server responded with \"bad request\". Please check your queries are correct and are supported in your Prometheus version. %{documentationLink}"
 msgstr ""
 
-msgid "The Security Dashboard shows the results of the last successful pipeline run on the default branch."
-msgstr ""
-
 msgid "The URL defined on the primary node that secondary nodes should use to contact it."
 msgstr ""
 
@@ -26916,6 +26913,9 @@ msgstr ""
 msgid "The URL to use for connecting to Elasticsearch. Use a comma-separated list to support clustering (e.g., \"http://localhost:9200, http://localhost:9201\")."
 msgstr ""
 
+msgid "The Vulnerability Report shows the results of the last successful pipeline run on the default branch."
+msgstr ""
+
 msgid "The X509 Certificate to use when mutual TLS is required to communicate with the external authorization service. If left blank, the server certificate is still validated when accessing over HTTPS."
 msgstr ""