primevue-mirror/components/tristatecheckbox/TriStateCheckbox.spec.js

import { config, mount } from '@vue/test-utils';
import TriStateCheckbox from './TriStateCheckbox.vue';

config.global.mocks = {
    $primevue: {
        config: {
            locale: {
                aria: {
                    trueLabel: 'trueLabel',
                    falseLabel: 'falseLabel',
                    nullLabel: 'nullLabel'
                }
            }
        }
    }
};
let wrapper;
const modelValues = [true, false, null];
const emittedResults = [false, null, true];

describe('TriStateCheckbox.vue', () => {
    beforeEach(() => {
        wrapper = mount(TriStateCheckbox);
    });

    it('When onClick method triggered some methods effect', () => {
        const mockUpdateModel = vi.fn();

        wrapper.vm.updateModel = mockUpdateModel;

        wrapper.vm.onClick('test');

        expect(wrapper.vm.updateModel).toBeCalled();
        expect(wrapper.emitted()['click']).toBeTruthy();
        expect(wrapper.emitted()['change']).toBeTruthy();
    });

    it('When event.code is not equal Enter methods should not be effected', async () => {
        wrapper.vm.onKeyDown({ code: 'test' });

        expect(wrapper.emitted().keydown).toBeFalsy();
    });

    it('When event.code is equal Enter some methods should be triggered', async () => {
        const mockUpdateModel = vi.fn();

        wrapper.vm.updateModel = mockUpdateModel;

        wrapper.vm.onKeyDown({ code: 'Enter', preventDefault: () => {} });

        expect(wrapper.vm.updateModel).toBeCalled();
        expect(wrapper.emitted().keydown).toBeTruthy();
    });

    it('When onBlur is triggered focused property should be false', async () => {
        wrapper.vm.onBlur();

        expect(wrapper.vm.focused).toBeFalsy();
        expect(wrapper.emitted().blur).toBeTruthy();
    });

    it('is icon changed', async () => {
        expect(wrapper.find('.p-checkbox-icon').classes()).not.toContain('pi-check');
        expect(wrapper.find('.p-checkbox-icon').classes()).not.toContain('pi-times');

        await wrapper.setProps({ modelValue: true });

        expect(wrapper.find('.p-checkbox-icon').classes()).toContain('pi-check');

        await wrapper.setProps({ modelValue: false });

        expect(wrapper.find('.p-checkbox-icon').classes()).toContain('pi-times');
    });
});

describe('UpdateModel method tests', () => {
    beforeEach(() => {
        wrapper = mount(TriStateCheckbox);
    });

    it('When disable props true updateModal should not triggered emit', async () => {
        await wrapper.setProps({
            disabled: true,
            modelValue: null
        });

        wrapper.vm.updateModel();

        expect(wrapper.emitted()['update:modelValue']).toBeFalsy();
    });

    it('When disable props false updateModal should triggered emit', () => {
        wrapper.vm.updateModel();

        expect(wrapper.emitted()['update:modelValue']).toBeTruthy();
    });

    modelValues.forEach((modelValue, index) => {
        it('When modelValue changed update model emitted value should be change', async () => {
            await wrapper.setProps({
                modelValue
            });

            wrapper.vm.updateModel();

            expect(wrapper.emitted()['update:modelValue']).toEqual([[emittedResults[index]]]);
        });
    });
});