@ukic/canary-web-components 2.0.0-canary.11 → 2.0.0-canary.12

package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js

@@ -1,962 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { DatePicker } from "../../ic-date-picker";
-import { DateInput } from "../../../ic-date-input/ic-date-input";
-import { IcButton as Button } from "@ukic/web-components/dist/components/ic-button";
-import { IcTooltip as Tooltip } from "@ukic/web-components/dist/components/ic-tooltip";
-import { waitForTimeout, testKeyboardEvent as keyboardEvent, } from "../../../../testspec.setup";
-import { dateMatches } from "../../../../utils/date-helpers";
-import { IcInputLabel as InputLabel } from "@ukic/web-components/dist/components/ic-input-label";
-const DELAY_MS = 350;
-const dateIsToday = (d) => {
-    return dateMatches(d, new Date());
-};
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-describe("ic-date-picker", () => {
-    it("should render default size", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" value="11/07/2023"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.calendarOpen).toBe(true);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render small datepicker", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" size="small" value="11/07/2023"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render large datepicker", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" size="large" value="11/07/2023"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with today & clear buttons hidden", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" show-picker-today-button="false" show-picker-clear-button="false" value="11/07/2023"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render disabled", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" disabled="true"></ic-date-picker>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as required field", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" required="true"></ic-date-picker>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with custom inputId and name", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" input-id="custom-id" name="custom-name" ></ic-date-picker>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with custom validation", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" validation-status="error" validation-text="Text error text"></ic-date-picker>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with DD/MM/YYYY format", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" date-format="DD/MM/YYYY" value="11-07-2023"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with MM/DD/YYYY format", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip, InputLabel],
-            html: `<ic-date-picker label="Date picker label" date-format="MM/DD/YYYY" value="07-11-2023" helper-text="Use US Format"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with YYYY/MM/DD format", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" date-format="YYYY/MM/DD" value="2023/07/11"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with saturday and sundays disabled", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" value="11/07/2023" disable-days-message="Saturday and Sunday not allowed"></ic-date-picker>`,
-        });
-        page.root.disableDays = [0, 6];
-        page.rootInstance.setSelectedDate(new Date(2023, 6, 11));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-        expect(page.rootInstance.dateInputProps.disableDaysMessage).toEqual("Saturday and Sunday not allowed");
-    });
-    it("should open at specified date", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should have sunday as first day of week", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022" start-of-week="0"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should have correct date focussed on open", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(page.rootInstance.selectedDate);
-    });
-    it("should update date when day clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const dayButton = page.root.shadowRoot.querySelector("div.calendar-days-container > div.day-button-container:nth-child(26) > button");
-        dayButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.calendarOpen).toBe(false);
-        expect(page.rootInstance.selectedDate).toEqual(new Date(2022, 11, 23));
-    });
-    it("should show month picker view when button clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const monthButton = page.root.shadowRoot.querySelector(".month-picker-button");
-        monthButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-        expect(page.rootInstance.monthPickerVisible).toBe(true);
-        monthButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.monthPickerVisible).toBe(false);
-    });
-    it("should show year picker view when button clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const yearButton = page.root.shadowRoot.querySelector(".year-picker-button");
-        yearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-        expect(page.rootInstance.yearPickerVisible).toBe(true);
-        yearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearPickerVisible).toBe(false);
-    });
-    it("should only allow selection in specified month", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" min="01/10/2023" max="31/10/2023"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should select month when button clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const monthButton = page.root.shadowRoot.querySelector(".month-picker-button");
-        monthButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const janButton = page.root.shadowRoot.querySelector("div.month-picker > ic-button:nth-child(1)");
-        janButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.monthPickerVisible).toBe(false);
-        expect(page.rootInstance.monthInView).toBe(0);
-        expect(page.rootInstance.liveRegionEl.innerText).toEqual("January selected. January 2022 currently in view.");
-    });
-    it("should select year when button clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const yearButton = page.root.shadowRoot.querySelector(".year-picker-button");
-        yearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const firstYearButton = page.root.shadowRoot.querySelector("div.year-picker > ic-button:nth-child(2)");
-        firstYearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearPickerVisible).toBe(false);
-        expect(page.rootInstance.yearInView).toBe(2020);
-    });
-    it("should go to previous decade when button clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const yearButton = page.root.shadowRoot.querySelector(".year-picker-button");
-        yearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const prevDecadeButton = page.root.shadowRoot.querySelector("div.year-picker > div.prev-decade > ic-button:nth-child(1)");
-        prevDecadeButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const firstYearButton = page.root.shadowRoot.querySelector("div.year-picker > ic-button:nth-child(2)");
-        firstYearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearInView).toBe(2010);
-    });
-    it("should go to next decade when button clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const yearButton = page.root.shadowRoot.querySelector(".year-picker-button");
-        yearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const nextDecadeButton = page.root.shadowRoot.querySelector("div.year-picker > div.next-decade > ic-button:nth-child(1)");
-        nextDecadeButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const firstYearButton = page.root.shadowRoot.querySelector("div.year-picker > ic-button:nth-child(2)");
-        firstYearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearInView).toBe(2030);
-    });
-    it("should set maxDate when dates in future disabled", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" disable-future="true" disable-future-message="Days in the future not allowed"></ic-date-picker>`,
-        });
-        await page.waitForChanges();
-        expect(dateIsToday(page.rootInstance.maxDate)).toBe(true);
-        expect(page.rootInstance.dateInputProps.disableFutureMessage).toEqual("Days in the future not allowed");
-    });
-    it("should set minDate when dates in past disabled", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" disable-past="true" disable-past-message="Days in the past not allowed"></ic-date-picker>`,
-        });
-        await page.waitForChanges();
-        const dateMatch = dateMatches(page.rootInstance.minDate, new Date());
-        expect(dateMatch).toBe(true);
-        expect(page.rootInstance.dateInputProps.disablePastMessage).toEqual("Days in the past not allowed");
-    });
-    it("should close picker when another element clicked", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.root.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.calendarOpen).toBe(false);
-    });
-    it("should close picker when Escape key pressed", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.keyDownHandler(keyboardEvent("Escape"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.calendarOpen).toBe(false);
-    });
-    it("should clear dialog description when key pressed", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.keyDownHandler(keyboardEvent("Tab"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.dialogDescription).toBe("");
-    });
-    it("should test go to today button", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const todayButton = page.root.shadowRoot.querySelector("div.bottom-buttons > #today-button");
-        todayButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(dateIsToday(page.rootInstance.focussedDate)).toBe(true);
-    });
-    it("should test go to today button - month view", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.monthPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const todayButton = page.root.shadowRoot.querySelector("div.bottom-buttons > #today-button");
-        todayButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.monthPickerVisible).toBe(false);
-        expect(dateIsToday(page.rootInstance.focussedDate)).toBe(true);
-    });
-    it("should test go to today button - year view", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.yearPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const todayButton = page.root.shadowRoot.querySelector("div.bottom-buttons > #today-button");
-        todayButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearPickerVisible).toBe(false);
-        expect(dateIsToday(page.rootInstance.focussedDate)).toBe(true);
-    });
-    it("should test clear button", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" value="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        Object.defineProperty(page.rootInstance.focussedDayEl, "focus", {
-            value: jest.fn(),
-        });
-        expect(page.rootInstance.focussedDayEl.focus).not.toHaveBeenCalled();
-        expect(page.rootInstance.selectedDate).not.toBe(null);
-        const clearButton = page.root.shadowRoot.querySelector("div.bottom-buttons > #clear-button");
-        clearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.selectedDate).toBe(null);
-        expect(page.rootInstance.focussedDayEl.focus).toHaveBeenCalled();
-        expect(page.rootInstance.liveRegionEl.textContent).toBe("Selected date cleared. December 2022 currently in view.");
-    });
-    it("should test clear button - month view", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" value="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.monthPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        Object.defineProperty(page.rootInstance.focussedMonthEl, "setFocus", {
-            value: jest.fn(),
-        });
-        expect(page.rootInstance.focussedMonthEl.setFocus).not.toHaveBeenCalled();
-        expect(page.root.value).not.toBe("");
-        const clearButton = page.root.shadowRoot.querySelector("div.bottom-buttons > #clear-button");
-        clearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.selectedDate).toBe(null);
-        expect(page.rootInstance.monthPickerVisible).toBe(true);
-        expect(page.rootInstance.focussedMonthEl.setFocus).toHaveBeenCalled();
-        expect(page.rootInstance.liveRegionEl.textContent).toBe("Selected date cleared.");
-    });
-    it("should test clear button - year view", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" value="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.yearPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        Object.defineProperty(page.rootInstance.focussedYearEl, "setFocus", {
-            value: jest.fn(),
-        });
-        expect(page.rootInstance.focussedYearEl.setFocus).not.toHaveBeenCalled();
-        expect(page.root.value).not.toBe("");
-        const clearButton = page.root.shadowRoot.querySelector("div.bottom-buttons > #clear-button");
-        clearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.root.value).toBeNull();
-        expect(page.rootInstance.yearPickerVisible).toBe(true);
-        expect(page.rootInstance.focussedYearEl.setFocus).toHaveBeenCalled();
-        expect(page.rootInstance.liveRegionEl.textContent).toBe("Selected date cleared.");
-    });
-    it("should test month & year nav buttons", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" value="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const prevMonthButton = page.root.shadowRoot.querySelector("#previous-month-button");
-        prevMonthButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 10, 25));
-        const nextMonthButton = page.root.shadowRoot.querySelector("#next-month-button");
-        nextMonthButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 25));
-        const prevYearButton = page.root.shadowRoot.querySelector("#previous-year-button");
-        prevYearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2021, 11, 25));
-        const nextYearButton = page.root.shadowRoot.querySelector("#next-year-button");
-        nextYearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 25));
-    });
-    it("should test tab on goto today button goes to first element on dialog when clear disabled", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.todayButtonKeyDownHandler(keyboardEvent("Tab"));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusFirstElement).toHaveBeenCalled;
-    });
-    it("should test tab on clear button goes to first element on dialog", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.clearButtonKeyDownHandler(keyboardEvent("Tab"));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusFirstElement).toHaveBeenCalled;
-    });
-    it("should test monthButtonKeyDownHandler", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.monthPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("ArrowUp"));
-        await page.waitForChanges();
-        expect(page.rootInstance.monthInView).toBe(10);
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("ArrowDown"));
-        await page.waitForChanges();
-        expect(page.rootInstance.monthInView).toBe(11);
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("ArrowRight"));
-        await page.waitForChanges();
-        expect(page.rootInstance.monthInView).toBe(0);
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("ArrowLeft"));
-        await page.waitForChanges();
-        expect(page.rootInstance.monthInView).toBe(11);
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("Home"));
-        await page.waitForChanges();
-        expect(page.rootInstance.monthInView).toBe(0);
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("End"));
-        await page.waitForChanges();
-        expect(page.rootInstance.monthInView).toBe(11);
-        Object.defineProperty(page.rootInstance.clearButtonEl, "setFocus", {
-            value: jest.fn(),
-        });
-        const tabKeyEvent = keyboardEvent("Tab");
-        tabKeyEvent.shiftKey = true;
-        page.rootInstance.monthButtonKeyDownHandler(tabKeyEvent);
-        await page.waitForChanges();
-        expect(page.rootInstance.clearButtonEl.setFocus).toHaveBeenCalled();
-        //should focus today button when clear hidden
-        page.rootInstance.showPickerClearButton = false;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        Object.defineProperty(page.rootInstance.todayButtonEl, "setFocus", {
-            value: jest.fn(),
-        });
-        page.rootInstance.monthButtonKeyDownHandler(tabKeyEvent);
-        await page.waitForChanges();
-        expect(page.rootInstance.todayButtonEl.setFocus).toHaveBeenCalled();
-        // should focus month when today hidden
-        //should focus month button when month view open and today hidden
-        page.rootInstance.showPickerTodayButton = false;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        Object.defineProperty(page.rootInstance.focussedMonthEl, "setFocus", {
-            value: jest.fn(),
-        });
-        page.rootInstance.monthButtonKeyDownHandler(tabKeyEvent);
-        await page.waitForChanges();
-        expect(page.rootInstance.focussedMonthEl.setFocus).toHaveBeenCalled();
-        //should focus day
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("Enter"));
-        page.rootInstance.monthButtonKeyDownHandler(keyboardEvent("Escape"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.monthPickerVisible).toBe(false);
-        Object.defineProperty(page.rootInstance.focussedDayEl, "focus", {
-            value: jest.fn(),
-        });
-        page.rootInstance.monthButtonKeyDownHandler(tabKeyEvent);
-        await page.waitForChanges();
-        expect(page.rootInstance.focussedDayEl.focus).toHaveBeenCalled();
-        //should focus year
-        page.rootInstance.yearPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        Object.defineProperty(page.rootInstance.focussedYearEl, "setFocus", {
-            value: jest.fn(),
-        });
-        page.rootInstance.monthButtonKeyDownHandler(tabKeyEvent);
-        await page.waitForChanges();
-        expect(page.rootInstance.focussedYearEl.setFocus).toHaveBeenCalled();
-    });
-    it("should test yearButtonKeyDownHandler", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.setSelectedDate(new Date(2022, 11, 25));
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.yearPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("ArrowUp"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2021);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("ArrowDown"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2022);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("ArrowRight"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2023);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("ArrowLeft"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2022);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("Home"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2020);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("End"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2029);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("PageUp"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2019);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("PageDown"));
-        await page.waitForChanges();
-        expect(page.rootInstance.yearInView).toBe(2029);
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("Enter"));
-        page.rootInstance.yearButtonKeyDownHandler(keyboardEvent("Escape"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearPickerVisible).toBe(false);
-    });
-    it("should test monthPickerKeyDownHandler", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.monthPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("ArrowUp"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedMonth).toBe(10);
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("ArrowDown"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedMonth).toBe(11);
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("ArrowRight"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedMonth).toBe(0);
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("ArrowLeft"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedMonth).toBe(11);
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("Home"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedMonth).toBe(0);
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("End"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedMonth).toBe(11);
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("Tab"));
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("Enter"));
-        page.rootInstance.monthPickerKeyDownHandler(keyboardEvent("Escape"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.monthPickerVisible).toBe(false);
-    });
-    it("should test yearPickerKeyDownHandler ", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.yearPickerVisible = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("ArrowUp"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2021);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("ArrowDown"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2022);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("ArrowRight"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2023);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("ArrowLeft"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2022);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("Home"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2020);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("End"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2029);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("PageUp"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2019);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("PageDown"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedYear).toBe(2029);
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("Tab"));
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("Enter"));
-        page.rootInstance.yearPickerKeyDownHandler(keyboardEvent("Escape"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearPickerVisible).toBe(false);
-    });
-    it("should test handleCalendarKeyDown", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="25/12/2022" show-picker-today-button="false" show-picker-clear-button="false"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("ArrowUp"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 18));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("ArrowDown"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 25));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("ArrowRight"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 26));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("ArrowLeft"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 25));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("Home"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 1));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("End"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 31));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("PageUp"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 10, 30));
-        expect(page.rootInstance.liveRegionEl.innerText).toEqual("November 2022 currently in view.");
-        let keyEvent = keyboardEvent("PageUp");
-        keyEvent.shiftKey = true;
-        page.rootInstance.handleCalendarKeyDown(keyEvent);
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2021, 10, 30));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("PageDown"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2021, 11, 30));
-        keyEvent = keyboardEvent("PageDown");
-        keyEvent.shiftKey = true;
-        page.rootInstance.handleCalendarKeyDown(keyEvent);
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 30));
-        Object.defineProperty(page.rootInstance.monthButtonEl, "setFocus", {
-            value: jest.fn(),
-        });
-        // simulate pressing enter to handle default behaviour case
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("Enter"));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("Tab"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.monthButtonEl.setFocus).toHaveBeenCalled();
-        //test tab with clear button disabled (rather than hidden)
-        page.root.showPickerClearButton = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.clearButtonEl.disabled = true;
-        await page.waitForChanges();
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("Tab"));
-        await page.waitForChanges();
-        expect(page.rootInstance.monthButtonEl.setFocus).toHaveBeenCalledTimes(2);
-        Object.defineProperty(page.rootInstance.yearButtonEl, "setFocus", {
-            value: jest.fn(),
-        });
-        keyEvent = keyboardEvent("Tab");
-        keyEvent.shiftKey = true;
-        page.rootInstance.handleCalendarKeyDown(keyEvent);
-        await page.waitForChanges();
-        expect(page.rootInstance.yearButtonEl.setFocus).toHaveBeenCalled();
-    });
-    it("should test keyboard navigation when weekends disabled", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="23/12/2022"></ic-date-picker>`,
-        });
-        page.root.disableDays = [0, 6];
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("ArrowRight"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 26));
-        page.rootInstance.handleCalendarKeyDown(keyboardEvent("ArrowLeft"));
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 23));
-    });
-    it("should test calendarButtonClickHandler", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        page.rootInstance.calendarButtonClickHandler();
-        expect(page.rootInstance.calendarOpen).toBe(false);
-    });
-    it("should test localCalendarButtonClickHandler", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label"></ic-date-picker>`,
-        });
-        const ev = { detail: { value: new Date(2022, 11, 25) } };
-        page.rootInstance.localCalendarButtonClickHandler(ev);
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.calendarOpen).toBe(true);
-        expect(page.rootInstance.focussedDate).toEqual(new Date(2022, 11, 25));
-    });
-    it("should test blur of day button", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="23/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.dayButtonFocussed).toBe(true);
-        const dayButton = page.root.shadowRoot.querySelector("div.calendar-days-container > div.day-button-container:nth-child(26) > button");
-        dayButton.blur();
-        expect(page.rootInstance.dayButtonFocussed).toBe(false);
-    });
-    it("should test nav button mouse down handler", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="23/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const dayButton = page.root.shadowRoot.querySelector("#previous-month-button");
-        const mouseEvent = new window.window.MouseEvent("mousedown", {
-            bubbles: true,
-            cancelable: true,
-        });
-        Object.defineProperty(mouseEvent, "preventDefault", {
-            value: jest.fn(),
-        });
-        dayButton.dispatchEvent(mouseEvent);
-        await page.waitForChanges();
-        expect(mouseEvent.preventDefault).toHaveBeenCalled();
-    });
-    it("should test setAriaLiveRegionText", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="23/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const text = "some text in the aria live region";
-        page.rootInstance.setAriaLiveRegionText(text);
-        await page.waitForChanges();
-        expect(page.rootInstance.liveRegionEl.innerText).toEqual(text);
-    });
-    it("should test focus and blur of year button", async () => {
-        const page = await newSpecPage({
-            components: [DatePicker, DateInput, Button, Tooltip],
-            html: `<ic-date-picker label="Date picker label" open-at-date="23/12/2022"></ic-date-picker>`,
-        });
-        page.rootInstance.calendarOpen = true;
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        const yearButton = page.root.shadowRoot.querySelector(".year-picker-button");
-        yearButton.click();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearButtonFocussed).toBe(false);
-        const firstYearButton = page.root.shadowRoot.querySelector("div.year-picker > ic-button:nth-child(2)");
-        firstYearButton.focus();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearButtonFocussed).toBe(true);
-        firstYearButton.blur();
-        await page.waitForChanges();
-        await waitForTimeout(DELAY_MS);
-        expect(page.rootInstance.yearButtonFocussed).toBe(false);
-    });
-});
-//# sourceMappingURL=ic-date-picker.spec.js.map