@nuralyui/datepicker 0.0.4 → 0.0.6

package/test/datepicker_test.js

@@ -1,132 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { expect, fixture, html } from '@open-wc/testing';
-import '../date-picker.component';
-import { HyDatePickerElement } from '../date-picker.component';
-import { Mode } from '../datepicker.types';
-suite('HyDatePickerElement', () => {
-    test('should be defined', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        expect(el).to.be.instanceOf(HyDatePickerElement);
-    }));
-    test('should open the calendar when input is focused', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        const input = el.shadowRoot.querySelector('hy-input');
-        input.dispatchEvent(new Event('focus'));
-        expect(el.openedCalendar).to.be.true;
-    }));
-    test('should close the calendar when clicking outside', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        el.openedCalendar = true;
-        document.body.click();
-        expect(el.openedCalendar).to.be.false;
-    }));
-    test('should move to next month', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        const currentMonth = 1;
-        el.navigationDates = { start: { month: currentMonth, day: 1, year: 2023 } };
-        el.openedCalendar = true;
-        yield el.updateComplete;
-        const nextMonthButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.next-month');
-        nextMonthButton.click();
-        expect(el.navigationDates.start.month).to.equal(currentMonth + 1);
-    }));
-    test('should move to previous month', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        const currentMonth = 2;
-        el.navigationDates = { start: { month: currentMonth, day: 1, year: 2023 } };
-        el.openedCalendar = true;
-        yield el.updateComplete;
-        const previousMonthButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.prev-month');
-        previousMonthButton.click();
-        expect(el.navigationDates.start.month).to.equal(currentMonth - 1);
-    }));
-    test('should move to next year when displaying last month and click next month', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _c;
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        const currentYear = 2023;
-        el.navigationDates = { start: { month: 12, day: 1, year: currentYear } };
-        el.openedCalendar = true;
-        yield el.updateComplete;
-        const nextMonthButton = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.next-month');
-        nextMonthButton.click();
-        expect(el.navigationDates.start.month).to.equal(1);
-        expect(el.navigationDates.start.year).to.equal(currentYear + 1);
-    }));
-    test('should move to previous year when displaying first month and click next month', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _d;
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        const currentYear = 2023;
-        el.navigationDates = { start: { month: 1, day: 1, year: currentYear } };
-        el.openedCalendar = true;
-        yield el.updateComplete;
-        const previousMonthButton = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.prev-month');
-        previousMonthButton.click();
-        expect(el.navigationDates.start.month).to.equal(12);
-        expect(el.navigationDates.start.year).to.equal(currentYear - 1);
-    }));
-    test('should move to previous year', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _e;
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        const currentYear = 2023;
-        el.navigationDates = { start: { month: 2, day: 1, year: currentYear } };
-        el.openedCalendar = true;
-        yield el.updateComplete;
-        const previousYearButton = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.previous-year');
-        previousYearButton.click();
-        expect(el.navigationDates.start.year).to.equal(currentYear - 1);
-    }));
-    test('should move to next year', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _f;
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        const currentyear = 2023;
-        el.navigationDates = { start: { month: 2, day: 1, year: currentyear } };
-        el.openedCalendar = true;
-        yield el.updateComplete;
-        const nextYearButton = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.next-year');
-        nextYearButton.click();
-        expect(el.navigationDates.start.year).to.equal(currentyear + 1);
-    }));
-    test('should select a date correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        el.navigationDates = { start: { month: 2, day: 20, year: 2023 } };
-        el.openedCalendar = true;
-        yield el.updateComplete;
-        const days = el.shadowRoot.querySelectorAll('.day-container:not(.day-invalid)');
-        const dayInTheMonth = 2;
-        days[dayInTheMonth].click();
-        yield el.updateComplete;
-        expect(el.inputFieldValue).to.equal(`03/02/2023`);
-    }));
-    test('should select a month correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        el.openedCalendar = true;
-        el.prevMode = Mode.Month;
-        yield el.updateComplete;
-        const months = el.shadowRoot.querySelectorAll('.month-container');
-        const monthIndex = 1;
-        months[monthIndex].click();
-        expect(el.navigationDates.start.month).to.equal(monthIndex + 1);
-    }));
-    test('should select a year correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-datepicker></hy-datepicker>`);
-        el.openedCalendar = true;
-        el.prevMode = Mode.Year;
-        yield el.updateComplete;
-        const years = el.shadowRoot.querySelectorAll('.year-container');
-        const yearIndex = 1;
-        years[yearIndex].click();
-        const yearValue = years[yearIndex].textContent;
-        expect(el.navigationDates.start.year).to.equal(+yearValue);
-    }));
-});
-//# sourceMappingURL=datepicker_test.js.map

package/test/datepicker_test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker_test.js","sourceRoot":"","sources":["../../../../src/components/datepicker/test/datepicker_test.ts"],"names":[],"mappings":"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","sourcesContent":["import {expect, fixture, html} from '@open-wc/testing';\nimport '../date-picker.component';\nimport {HyDatePickerElement} from '../date-picker.component';\nimport {Mode} from '../datepicker.types';\n\nsuite('HyDatePickerElement', () => {\n  test('should be defined', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    expect(el).to.be.instanceOf(HyDatePickerElement);\n  });\n\n  test('should open the calendar when input is focused', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    const input = el.shadowRoot!.querySelector('hy-input');\n    input!.dispatchEvent(new Event('focus'));\n    expect(el.openedCalendar).to.be.true;\n  });\n\n  test('should close the calendar when clicking outside', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    el.openedCalendar = true;\n    document.body.click();\n    expect(el.openedCalendar).to.be.false;\n  });\n\n  test('should move to next month', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    const currentMonth = 1;\n    el.navigationDates = {start: {month: currentMonth, day: 1, year: 2023}};\n    el.openedCalendar = true;\n    await el.updateComplete;\n    const nextMonthButton = el.shadowRoot?.querySelector('.next-month') as HTMLButtonElement;\n    nextMonthButton!.click();\n    expect(el.navigationDates.start.month).to.equal(currentMonth + 1);\n  });\n  test('should move to previous month', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    const currentMonth = 2;\n    el.navigationDates = {start: {month: currentMonth, day: 1, year: 2023}};\n    el.openedCalendar = true;\n    await el.updateComplete;\n    const previousMonthButton = el.shadowRoot?.querySelector('.prev-month') as HTMLButtonElement;\n    previousMonthButton!.click();\n    expect(el.navigationDates.start.month).to.equal(currentMonth - 1);\n  });\n  test('should move to next year when displaying last month and click next month', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    const currentYear = 2023;\n    el.navigationDates = {start: {month: 12, day: 1, year: currentYear}};\n    el.openedCalendar = true;\n    await el.updateComplete;\n    const nextMonthButton = el.shadowRoot?.querySelector('.next-month') as HTMLButtonElement;\n    nextMonthButton!.click();\n    expect(el.navigationDates.start.month).to.equal(1);\n    expect(el.navigationDates.start.year).to.equal(currentYear + 1);\n  });\n\n  test('should move to previous year when displaying first month and click next month', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    const currentYear = 2023;\n    el.navigationDates = {start: {month: 1, day: 1, year: currentYear}};\n    el.openedCalendar = true;\n    await el.updateComplete;\n    const previousMonthButton = el.shadowRoot?.querySelector('.prev-month') as HTMLButtonElement;\n    previousMonthButton!.click();\n    expect(el.navigationDates.start.month).to.equal(12);\n    expect(el.navigationDates.start.year).to.equal(currentYear - 1);\n  });\n\n  test('should move to previous year', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    const currentYear = 2023;\n    el.navigationDates = {start: {month: 2, day: 1, year: currentYear}};\n    el.openedCalendar = true;\n    await el.updateComplete;\n    const previousYearButton = el.shadowRoot?.querySelector('.previous-year') as HTMLButtonElement;\n    previousYearButton!.click();\n    expect(el.navigationDates.start.year).to.equal(currentYear - 1);\n  });\n  test('should move to next year', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    const currentyear = 2023;\n    el.navigationDates = {start: {month: 2, day: 1, year: currentyear}};\n    el.openedCalendar = true;\n    await el.updateComplete;\n    const nextYearButton = el.shadowRoot?.querySelector('.next-year') as HTMLButtonElement;\n    nextYearButton!.click();\n    expect(el.navigationDates.start.year).to.equal(currentyear + 1);\n  });\n  test('should select a date correctly', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    el.navigationDates = {start: {month: 2, day: 20, year: 2023}};\n    el.openedCalendar = true;\n    await el.updateComplete;\n    const days = el.shadowRoot!.querySelectorAll('.day-container:not(.day-invalid)')!;\n    const dayInTheMonth = 2;\n    (days[dayInTheMonth] as HTMLElement).click();\n    await el.updateComplete;\n    expect(el.inputFieldValue).to.equal(`03/02/2023`);\n  });\n  test('should select a month correctly', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    el.openedCalendar = true;\n    el.prevMode = Mode.Month;\n    await el.updateComplete;\n    const months = el.shadowRoot!.querySelectorAll('.month-container')!;\n    const monthIndex = 1;\n    (months[monthIndex] as HTMLElement).click();\n    expect(el.navigationDates.start.month).to.equal(monthIndex + 1);\n  });\n  test('should select a year correctly', async () => {\n    const el = await fixture<HyDatePickerElement>(html`<hy-datepicker></hy-datepicker>`);\n    el.openedCalendar = true;\n    el.prevMode = Mode.Year;\n    await el.updateComplete;\n    const years = el.shadowRoot!.querySelectorAll('.year-container')!;\n    const yearIndex = 1;\n    (years[yearIndex] as HTMLElement).click();\n    const yearValue = years[yearIndex].textContent!;\n    expect(el.navigationDates.start.year).to.equal(+yearValue);\n  });\n});\n"]}