92 lines
3.2 KiB
JavaScript
92 lines
3.2 KiB
JavaScript
import { createWrapper } from 'app/test/vitest/helper.js';
|
|
import { describe, it, expect } from 'vitest';
|
|
import VnInputDate from 'components/common/VnInputDate.vue';
|
|
|
|
let vm;
|
|
let wrapper;
|
|
|
|
function generateWrapper(outlined = false, required = false) {
|
|
wrapper = createWrapper(VnInputDate, {
|
|
props: {
|
|
modelValue: '2000-12-31T23:00:00.000Z',
|
|
'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
|
|
},
|
|
attrs: {
|
|
isOutlined: outlined,
|
|
required: required,
|
|
},
|
|
});
|
|
wrapper = wrapper.wrapper;
|
|
vm = wrapper.vm;
|
|
}
|
|
|
|
describe('VnInputDate', () => {
|
|
describe('formattedDate', () => {
|
|
it('validateAndCleanInput should remove non-numeric characters', async () => {
|
|
generateWrapper();
|
|
vm.validateAndCleanInput('10a/1s2/2dd0a23');
|
|
await vm.$nextTick();
|
|
expect(vm.inputValue).toBe('10/12/2023');
|
|
});
|
|
|
|
it('manageDate should reverse the date', async () => {
|
|
generateWrapper();
|
|
vm.manageDate('10/12/2023');
|
|
await vm.$nextTick();
|
|
expect(vm.inputValue).toBe('2023/12/10');
|
|
});
|
|
|
|
it('formatDate should format the date correctly when a valid date is entered with full year', async () => {
|
|
const input = wrapper.find('input');
|
|
await input.setValue('25.12/2002');
|
|
await vm.$nextTick();
|
|
await vm.formatDate();
|
|
expect(vm.model).toBe('2002-12-24T23:00:00.000Z');
|
|
});
|
|
|
|
it('should format the date correctly when a valid date is entered with short year', async () => {
|
|
const input = wrapper.find('input');
|
|
await input.setValue('31.12-23');
|
|
await vm.$nextTick();
|
|
await vm.formatDate();
|
|
expect(vm.model).toBe('2023-12-30T23:00:00.000Z');
|
|
});
|
|
|
|
it('should format the date correctly when a valid date is entered without year', async () => {
|
|
const input = wrapper.find('input');
|
|
await input.setValue('12.03');
|
|
await vm.$nextTick();
|
|
await vm.formatDate();
|
|
expect(vm.model).toBe('2001-03-11T23:00:00.000Z');
|
|
});
|
|
});
|
|
|
|
describe('styleAttrs', () => {
|
|
it('should return empty styleAttrs when isOutlined is false', async () => {
|
|
generateWrapper();
|
|
await vm.$nextTick();
|
|
expect(vm.styleAttrs).toEqual({});
|
|
});
|
|
|
|
it('should set styleAttrs when isOutlined is true', async () => {
|
|
generateWrapper(true, false);
|
|
await vm.$nextTick();
|
|
expect(vm.styleAttrs.outlined).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe('required', () => {
|
|
it('should not applies required class when isRequired is false', async () => {
|
|
generateWrapper();
|
|
await vm.$nextTick();
|
|
expect(wrapper.find('.vn-input-date').classes()).not.toContain('required');
|
|
});
|
|
|
|
it('should applies required class when isRequired is true', async () => {
|
|
generateWrapper(false, true);
|
|
await vm.$nextTick();
|
|
expect(wrapper.find('.vn-input-date').classes()).toContain('required');
|
|
});
|
|
});
|
|
});
|