1 files changed, 20 insertions, 1 deletions
diff --git a/spec/frontend/work_items/components/work_item_title_spec.js b/spec/frontend/work_items/components/work_item_title_spec.js
index a48449bb636..c0d966abab8 100644
--- a/spec/frontend/work_items/components/work_item_title_spec.js
+++ b/spec/frontend/work_items/components/work_item_title_spec.js
@@ -20,7 +20,11 @@ describe('WorkItemTitle component', () => {
 
   const findItemTitle = () => wrapper.findComponent(ItemTitle);
 
-  const createComponent = ({ workItemParentId, mutationHandler = mutationSuccessHandler } = {}) => {
+  const createComponent = ({
+    workItemParentId,
+    mutationHandler = mutationSuccessHandler,
+    canUpdate = true,
+  } = {}) => {
     const { id, title, workItemType } = workItemQueryResponse.data.workItem;
     wrapper = shallowMount(WorkItemTitle, {
       apolloProvider: createMockApollo([
@@ -32,6 +36,7 @@ describe('WorkItemTitle component', () => {
         workItemTitle: title,
         workItemType: workItemType.name,
         workItemParentId,
+        canUpdate,
       },
     });
   };
@@ -46,6 +51,20 @@ describe('WorkItemTitle component', () => {
     expect(findItemTitle().props('title')).toBe(workItemQueryResponse.data.workItem.title);
   });
 
+  describe('item title disabled prop', () => {
+    describe.each`
+      description             | canUpdate | value
+      ${'when cannot update'} | ${false}  | ${true}
+      ${'when can update'}    | ${true}   | ${false}
+    `('$description', ({ canUpdate, value }) => {
+      it(`renders item title component with disabled=${value}`, () => {
+        createComponent({ canUpdate });
+
+        expect(findItemTitle().props('disabled')).toBe(value);
+      });
+    });
+  });
+
   describe('when updating the title', () => {
     it('calls a mutation', () => {
       const title = 'new title!';