feat: Add test cases for useDefaults composable

Author: Jasenkoo

src/packages/composables/__tests__/useDefaults.spec.ts

@@ -0,0 +1,87 @@
+import { describe, expect, it } from 'vitest';
+import { useDefaults } from '@packages/composables/useDefaults';
+import { PICKER_MODE } from '@packages/constants';
+import { getHours } from 'date-fns';
+
+describe('useDefaults', () => {
+    it('Should get default text input option', () => {
+        const { getDefaultTextInputOptions } = useDefaults();
+
+        const disabledOptions = getDefaultTextInputOptions(false);
+        expect(disabledOptions).toHaveProperty('enabled', false);
+
+        const enabledOptions = getDefaultTextInputOptions(true);
+        expect(enabledOptions).toHaveProperty('enabled', true);
+
+        const mergedOptions = getDefaultTextInputOptions({ enterSubmit: false, tabSubmit: false });
+        expect(mergedOptions).toHaveProperty('enterSubmit', false);
+        expect(mergedOptions).toHaveProperty('tabSubmit', false);
+    });
+
+    it('Should get default pattern', () => {
+        const { getDefaultPattern } = useDefaults();
+
+        const pattern = getDefaultPattern(PICKER_MODE.DATE_PICKER, undefined, { is24: true }, undefined);
+        expect(pattern).toEqual('MM/dd/yyyy, HH:mm');
+
+        const withoutTimePattern = getDefaultPattern(PICKER_MODE.DATE_PICKER, undefined, false, undefined);
+        expect(withoutTimePattern).toEqual('MM/dd/yyyy');
+
+        const customPattern = getDefaultPattern(PICKER_MODE.DATE_PICKER, 'dd/yyyy', { is24: true }, undefined);
+        expect(customPattern).toEqual('dd/yyyy');
+
+        const defaultedPattern = getDefaultPattern(PICKER_MODE.DATE_PICKER, () => '', { is24: true }, undefined);
+        expect(defaultedPattern).toEqual('MM/dd/yyyy, HH:mm');
+
+        const monthPickerFormat = getDefaultPattern(PICKER_MODE.MONTH_PICKER, undefined, true, undefined);
+        expect(monthPickerFormat).toEqual('MM/yyyy');
+
+        const yearPickerFormat = getDefaultPattern(PICKER_MODE.YEAR_PICKER, undefined, true, undefined);
+        expect(yearPickerFormat).toEqual('yyyy');
+
+        const weekPickerFormat = getDefaultPattern(PICKER_MODE.WEEK_PICKER, undefined, true, undefined);
+        expect(weekPickerFormat).toEqual('ww-RR');
+
+        const quarterPickerFormat = getDefaultPattern(PICKER_MODE.QUARTER_PICKER, undefined, true, undefined);
+        expect(quarterPickerFormat).toEqual('QQQ/yyyy');
+
+        const timePickerFormat = getDefaultPattern(PICKER_MODE.TIME_PICKER, undefined, true, undefined);
+        expect(timePickerFormat).toEqual('HH:mm');
+
+        const timePickerSeconds = getDefaultPattern(
+            PICKER_MODE.TIME_PICKER,
+            undefined,
+            { enableSeconds: true },
+            undefined,
+        );
+        expect(timePickerSeconds).toEqual('HH:mm:ss');
+    });
+
+    it('Should get default start time', () => {
+        const { getDefaultStartTime } = useDefaults();
+
+        const time = getDefaultStartTime(false, { startTime: { hours: 1, minutes: 2 } });
+
+        const currentHours = getHours(new Date());
+
+        expect(time).toHaveProperty('hours', 1);
+        expect(time).toHaveProperty('minutes', 2);
+
+        const minutesOnly = getDefaultStartTime(false, { startTime: { minutes: 15 } });
+
+        expect(minutesOnly).toHaveProperty('hours', currentHours);
+        expect(minutesOnly).toHaveProperty('minutes', 15);
+    });
+
+    it('Should get default filters', () => {
+        const { getDefaultFilters } = useDefaults();
+
+        const filters = getDefaultFilters(undefined);
+
+        expect(filters).toHaveProperty('months', []);
+        expect(filters).toHaveProperty('years', []);
+
+        const filterMonths = getDefaultFilters({ months: [0, 1] });
+        expect(filterMonths).toHaveProperty('months', [0, 1]);
+    });
+});

src/packages/composables/useDefaults.ts

@@ -53,7 +53,7 @@ export const useDefaults = () => {
         const defaultOptions = {
             is24: true,
             enableMinutes: true,
-            enableSeconds: true,
+            enableSeconds: false,
             startTime: undefined,
         };
         if (typeof opts === 'object') {

src/packages/types/props.ts

@@ -40,7 +40,7 @@ export interface TimeOptions {
     enableSeconds: boolean;
     enableMinutes: boolean;
     is24: boolean;
-    startTime?: Time;
+    startTime?: Partial<Time>;
 }
 
 export type TimeProp = boolean | Partial<TimeOptions>;

src/packages/utils/date.ts

@@ -7,7 +7,7 @@ export const assignTime = (time: Partial<Time>) => {
     const defaultTime = {
         hours: getHours(getDate()),
         minutes: getMinutes(getDate()),
-        seconds: getSeconds(getDate()) ?? 0,
+        seconds: getSeconds(getDate()),
     };
     return Object.assign(defaultTime, time);
 };