test: Improve and refactor test cases

Author: Jasenkoo

.eslintrc.js

@@ -26,4 +26,12 @@ module.exports = {
         'no-unused-vars': 'off',
         '@typescript-eslint/no-unused-vars': 'error',
     },
+    overrides: [
+        {
+            files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
+            env: {
+                jest: true,
+            },
+        },
+    ],
 };

jest.config.js

@@ -3,4 +3,5 @@ module.exports = {
     transform: {
         '^.+\\.vue$': 'vue-jest',
     },
+    setupFiles: ['./tests/setup.ts'],
 };

package.json

@@ -25,7 +25,7 @@
     "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
     "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife",
     "build:css": "cross-env NODE_ENV=production sass src/Vue3DatePicker/style/main.scss dist/main.css --style compressed",
-    "test": "vue-cli-service test:unit"
+    "test": "cross-env NODE_ENV=test vue-cli-service test:unit"
   },
   "devDependencies": {
     "@babel/core": "^7.15.8",

tests/setup.ts

@@ -0,0 +1,4 @@
+// Just in case some test fail, to exit test, otherwise it will report as passed
+process.on('unhandledRejection', (err) => {
+    fail(err);
+});

tests/unit/calendars.spec.ts

@@ -0,0 +1,5 @@
+describe('Calendar component', () => {
+    it('', () => {
+        console.log('to be added');
+    });
+});

tests/unit/format.spec.ts

@@ -0,0 +1,96 @@
+import {
+    getArrayInArray,
+    getCalendarDays,
+    getDayNames,
+    getMonths,
+    getYears,
+} from '../../src/Vue3DatePicker/utils/util';
+import {
+    getDefaultPattern,
+    parseFreeInput,
+    resetDateTime,
+    setDateTime,
+} from '../../src/Vue3DatePicker/utils/date-utils';
+
+describe('Utils and date utils formatting', () => {
+    it('Should get calendar days', () => {
+        const days = getCalendarDays(0, 2021, 1, false);
+
+        expect(days).toHaveLength(5);
+        expect(days[0].days).toHaveLength(7);
+        expect(days[0].days[0].text).toEqual(28);
+    });
+
+    it('Should get calendar days starting from sunday', () => {
+        const days = getCalendarDays(0, 2021, 0, false);
+        expect(days).toHaveLength(6);
+        expect(days[0].days[0].text).toEqual(27);
+    });
+
+    it('Should get calendar days with hidden offset dats', () => {
+        const days = getCalendarDays(0, 2021, 1, true);
+
+        expect(days).toHaveLength(5);
+        expect(days[0].days[0].text).toEqual('');
+    });
+
+    it('Should group array by 3', () => {
+        const items = getArrayInArray(Array.from(Array(10).keys()));
+
+        expect(items).toHaveLength(4);
+        expect(items[0]).toHaveLength(3);
+    });
+
+    it('Should get day names', () => {
+        const days = getDayNames('de', 1);
+
+        expect(days).toHaveLength(7);
+        expect(days[1]).toEqual('Di');
+    });
+
+    it('Should generate years', () => {
+        const years = getYears([2021, 2025]);
+
+        expect(years).toHaveLength(5);
+        expect(years[1].value).toEqual(2022);
+    });
+
+    it('Should get month values', () => {
+        const months = getMonths('en', 'long');
+
+        expect(months).toHaveLength(12);
+        expect(months[0].text).toEqual('January');
+    });
+
+    it('Should get default pattern', () => {
+        const patternDef = getDefaultPattern(null, true, false, false, true);
+        const patternMonthPicker = getDefaultPattern(null, true, true, false, false);
+
+        expect(patternDef).toEqual('MM/dd/yyyy, HH:mm');
+        expect(patternMonthPicker).toEqual('MM/yyyy');
+    });
+
+    it('Should parse free input', () => {
+        const date = parseFreeInput('01/01/2021', 'MM/dd/yyyy, HH:mm');
+
+        expect(date).toBeDefined();
+        expect(date?.getMonth()).toEqual(0);
+    });
+
+    it('Should reset date time', () => {
+        const date = new Date();
+        const resetDate = resetDateTime(date);
+
+        expect(resetDate.getHours()).toEqual(0);
+        expect(resetDate.getMinutes()).toEqual(0);
+        expect(resetDate.getSeconds()).toEqual(0);
+        expect(resetDate.getMilliseconds()).toEqual(0);
+    });
+
+    it('Should set date time', () => {
+        const date = setDateTime(new Date(), 12, 12);
+
+        expect(date.getHours()).toEqual(12);
+        expect(date.getMinutes()).toEqual(12);
+    });
+});