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); }), describe('UpdateModel method tests', () => { 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]]]); }); }); }); it('When onClick method triggered some methods effect', () => { const mockUpdateModel = jest.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 = jest.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'); }); });