primevue-mirror/components/lib/radiobutton/RadioButton.spec.js

import { mount } from '@vue/test-utils';
import RadioButton from './RadioButton.vue';

describe('RadioButton.vue', () => {
    let wrapper;

    beforeEach(() => {
        wrapper = mount(RadioButton, {
            props: {
                value: 'Tatooine',
                modelValue: null
            }
        });
    });

    it('should exist', () => {
        expect(wrapper.find('.p-radiobutton.p-component').exists()).toBe(true);
        expect(wrapper.find('input').attributes().type).toBe('radio');
    });

    it('When disabled true and onChange triggered click emit should not be called', async () => {
        await wrapper.setProps({ disabled: true });
        await wrapper.trigger('change');

        expect(wrapper.emitted()['change']).toBeFalsy();
    });

    it('When disabled false and onChange triggered click emit should be called', async () => {
        await wrapper.vm.onChange({});

        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.onChange({});

        expect(wrapper.emitted()['change'][0][0]).toEqual({});
    });

    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-highlight');
    });

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