Emit input value on blur for input components

src/components/SelectInput.vue

@@ -72,7 +72,7 @@ const onBlur = (evt: ElementEvent<HTMLSelectElement>) => {
     validationMessage.value = '';
   }
 
-  emit('blur');
+  emit('blur', evt);
 };
 
 defineExpose({ focus, reset });

src/components/TextArea.vue

@@ -90,7 +90,7 @@ const onBlur = (evt: ElementEvent<HTMLTextAreaElement>) => {
     validationMessage.value = '';
   }
 
-  emit('blur');
+  emit('blur', evt);
 };
 </script>
 

src/components/TextInput.vue

@@ -97,7 +97,7 @@ const onBlur = (evt: ElementEvent<HTMLInputElement>) => {
     validationMessage.value = '';
   }
 
-  emit('blur');
+  emit('blur', evt);
 };
 
 // not computed, we want this only on the initial load

test/components/TextArea.test.js

@@ -199,6 +199,12 @@ describe('TextArea', () => {
     expect(wrapper.emitted().change, 'expected change event to have been emitted').toBeTruthy();
     expect(wrapper.emitted()['change'].length).toBe(1);
     expect(textArea.element.value).toBe(inputText);
+
+    // now blur and verify
+    await textArea.trigger('blur');
+    expect(wrapper.emitted().blur, 'expected blur event to have been emitted').toBeTruthy();
+    expect(wrapper.emitted()['blur'].length).toBe(1);
+    expect(wrapper.emitted()['blur'][0][0].target.value).toBe(inputText);
   });
 
   it('able to reset the text area using exposed reset method', async () => {

test/components/TextInput.test.js

@@ -338,6 +338,12 @@ describe('TextInput', () => {
     expect(wrapper.emitted().change, 'expected change event to have been emitted').toBeTruthy();
     expect(wrapper.emitted()['change'].length).toBe(1);
     expect(textInput.element.value).toBe(inputText);
+
+    // now blur and verify
+    await textInput.trigger('blur');
+    expect(wrapper.emitted().blur, 'expected blur event to have been emitted').toBeTruthy();
+    expect(wrapper.emitted()['blur'].length).toBe(1);
+    expect(wrapper.emitted()['blur'][0][0].target.value).toBe(inputText);
   });
 
   it('able to reset the text input using exposed reset method', async () => {