1 files changed, 26 insertions, 2 deletions
diff --git a/spec/frontend/issuable/related_issues/components/related_issues_root_spec.js b/spec/frontend/issuable/related_issues/components/related_issues_root_spec.js
index 2544d0bd030..2c02e1e1de4 100644
--- a/spec/frontend/issuable/related_issues/components/related_issues_root_spec.js
+++ b/spec/frontend/issuable/related_issues/components/related_issues_root_spec.js
@@ -280,7 +280,7 @@ describe('RelatedIssuesRoot', () => {
         const input = 'asdf/qwer#444 #12 ';
         wrapper.vm.onInput({
           untouchedRawReferences: input.trim().split(/\s/),
-          touchedReference: 2,
+          touchedReference: '2',
         });
 
         expect(wrapper.vm.state.pendingReferences).toHaveLength(2);
@@ -292,13 +292,37 @@ describe('RelatedIssuesRoot', () => {
         const input = 'something random ';
         wrapper.vm.onInput({
           untouchedRawReferences: input.trim().split(/\s/),
-          touchedReference: 2,
+          touchedReference: '2',
         });
 
         expect(wrapper.vm.state.pendingReferences).toHaveLength(2);
         expect(wrapper.vm.state.pendingReferences[0]).toEqual('something');
         expect(wrapper.vm.state.pendingReferences[1]).toEqual('random');
       });
+
+      it('prepends # when user enters a numeric value [0-9]', async () => {
+        const input = '23';
+
+        wrapper.vm.onInput({
+          untouchedRawReferences: input.trim().split(/\s/),
+          touchedReference: input,
+        });
+
+        expect(wrapper.vm.inputValue).toBe(`#${input}`);
+      });
+
+      it('prepends # when user enters a number', async () => {
+        const input = 23;
+
+        wrapper.vm.onInput({
+          untouchedRawReferences: String(input)
+            .trim()
+            .split(/\s/),
+          touchedReference: input,
+        });
+
+        expect(wrapper.vm.inputValue).toBe(`#${input}`);
+      });
     });
 
     describe('onBlur', () => {