RadioButton unit test updates

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);
+    });
 });