From 83d9e58e5d4dd443aa98d4cd7d80eedde3669c1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Sun, 8 Jan 2023 02:24:37 +0300
Subject: [PATCH] RadioButton unit test updates

---
 components/radiobutton/RadioButton.spec.js | 67 ++++++++++++++++++++--
 1 file changed, 62 insertions(+), 5 deletions(-)

diff --git a/components/radiobutton/RadioButton.spec.js b/components/radiobutton/RadioButton.spec.js
index 10fd792ae..22c7dabc0 100644
--- a/components/radiobutton/RadioButton.spec.js
+++ b/components/radiobutton/RadioButton.spec.js
@@ -18,17 +18,74 @@ describe('RadioButton.vue', () => {
         expect(wrapper.find('input').attributes().type).toBe('radio');
     });
 
-    it('should clicked', async () => {
-        await wrapper.vm.onClick({});
+    it('When disabled true and onClick triggered click emit should not be called', async () => {
+        await wrapper.setProps({ disabled: true });
+        await wrapper.vm.onClick();
 
-        expect(wrapper.emitted()['update:modelValue'][0]).toEqual(['Tatooine']);
-        expect(wrapper.emitted().change[0]).toEqual([{}]);
+        expect(wrapper.emitted()['click']).toEqual(undefined);
+        expect(wrapper.emitted()['update:modelValue']).toEqual(undefined);
     });
 
-    it('should checked', async () => {
+    it('When disabled false and onClick triggered click emit should be called', async () => {
+        await wrapper.vm.onClick();
+
+        expect(wrapper.emitted()['update:modelValue'].length).toEqual(1);
+        expect(wrapper.emitted().change.length).toEqual(1);
+    });
+
+    it('When value and modelValue equal and onClick triggered change emit should not be called', async () => {
+        await wrapper.setProps({ modelValue: 'test', value: 'test' });
+        await wrapper.vm.onClick();
+
+        expect(wrapper.emitted()['change']).toEqual(undefined);
+    });
+
+    it('When modelValue changed, Checked should be effected', async () => {
         await wrapper.setProps({ modelValue: 'Tatooine' });
 
         expect(wrapper.vm.checked).toBe(true);
         expect(wrapper.find('.p-radiobutton').classes()).toContain('p-radiobutton-checked');
     });
+
+    it('When component cliked OnClick method should be called', async () => {
+        const spy = vi.spyOn(wrapper.vm, 'onClick');
+
+        await wrapper.find('.p-radiobutton').trigger('click');
+
+        expect(spy).toHaveBeenCalled();
+    });
+
+    it('When component focused onFocus method should be called', async () => {
+        await wrapper.setProps({ inputId: 'test' });
+
+        const spy = vi.spyOn(wrapper.vm, 'onFocus');
+
+        await wrapper.find('#test').trigger('focus');
+
+        expect(spy).toHaveBeenCalled();
+    });
+
+    it('When onFocus method triggered, false should be true', async () => {
+        await wrapper.vm.onFocus();
+
+        expect(wrapper.vm.focused).toBeTruthy();
+        expect(wrapper.emitted().focus.length).toEqual(1);
+    });
+
+    it('When component blur onBlur method should be called', async () => {
+        await wrapper.setProps({ inputId: 'test' });
+
+        const blurSpy = vi.spyOn(wrapper.vm, 'onBlur');
+
+        await wrapper.find('#test').trigger('blur');
+
+        expect(blurSpy).toHaveBeenCalled();
+    });
+
+    it('When onBlur method triggered, false should be false', async () => {
+        await wrapper.vm.onBlur();
+
+        expect(wrapper.vm.focus).toBeFalsy();
+        expect(wrapper.emitted().blur.length).toEqual(1);
+    });
 });