Merge branch 'cngo-work-item-title' into 'master'

Add heading to work item detail modal

See merge request gitlab-org/gitlab!84501

app/assets/javascripts/work_items/components/work_item_detail_modal.vue

@@ -53,6 +53,7 @@ export default {
   <gl-modal hide-footer modal-id="work-item-detail-modal" :visible="visible" @hide="closeModal">
     <template #modal-header>
       <div class="gl-w-full gl-display-flex gl-align-items-center gl-justify-content-end">
+        <h2 class="modal-title gl-mr-auto">{{ s__('WorkItem|Work Item') }}</h2>
         <work-item-actions
           :work-item-id="workItemId"
           :can-update="canUpdate"
@@ -72,7 +73,7 @@ export default {
 
 <style>
 /* hide the existing close button until we can do it
- * with https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2710 
+ * with https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2710
  */
 #work-item-detail-modal .modal-header > .gl-button {
   display: none;

locale/gitlab.pot

@@ -42696,6 +42696,9 @@ msgstr ""
 msgid "WorkItem|Type"
 msgstr ""
 
+msgid "WorkItem|Work Item"
+msgstr ""
+
 msgid "WorkItem|Work Items"
 msgstr ""
 

spec/frontend/work_items/components/work_item_detail_modal_spec.js

@@ -36,6 +36,12 @@ describe('WorkItemDetailModal component', () => {
     });
   });
 
+  it('renders heading', () => {
+    createComponent();
+
+    expect(wrapper.find('h2').text()).toBe('Work Item');
+  });
+
   it('renders WorkItemDetail', () => {
     createComponent();