Fixed #3802 - Improve folder structure for nuxt configurations

components/lib/tristatecheckbox/TriStateCheckbox.spec.js

@@ -0,0 +1,109 @@
+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]]]);
+        });
+    });
+});