cronofy-elements 1.48.1 → 1.49.1

package/tests/CalendarSync/status-reducer.test.js

@@ -1,435 +0,0 @@
-import { statusReducer } from "../../src/js/components/CalendarSync/contexts/status-reducer";
-
-describe("CalendarSync statusReducer", () => {
-    describe("TOGGLE_ADD_PROFILE", () => {
-        it("sets `adding` to `true` on the state", () => {
-            const initialState = {
-                adding: false,
-            };
-
-            const action = {
-                type: "TOGGLE_ADD_PROFILE",
-            };
-
-            const actual = statusReducer(initialState, action);
-
-            expect(actual).toEqual({
-                adding: true,
-            });
-        });
-
-        it("sets `adding` to `false` on the state", () => {
-            const initialState = {
-                adding: true,
-            };
-
-            const action = {
-                type: "TOGGLE_ADD_PROFILE",
-            };
-
-            const actual = statusReducer(initialState, action);
-
-            expect(actual).toEqual({
-                adding: false,
-            });
-        });
-    });
-
-    describe("REVOKE_PROFILE", () => {
-        it("invokes a callback with correct params", () => {
-            const initialState = {
-                callback: jest.fn(),
-            };
-
-            const action = {
-                type: "REVOKE_PROFILE",
-                profile: {
-                    id: "some_id",
-                },
-            };
-
-            const actual = statusReducer(initialState, action);
-
-            expect(actual).toEqual(initialState);
-            expect(initialState.callback).toHaveBeenCalledTimes(1);
-            expect(initialState.callback).toHaveBeenCalledWith({
-                notification: {
-                    type: "profile_revoke_pressed",
-                    profile: action.profile,
-                },
-            });
-        });
-    });
-
-    describe("REVOKE_PROFILE_SUCCESS", () => {
-        it("sets `pendingNotification` on the state", () => {
-            const initialState = {
-                adding: false,
-                editing: true,
-            };
-
-            const action = {
-                type: "REVOKE_PROFILE_SUCCESS",
-                profile: {
-                    id: "some_id",
-                },
-            };
-
-            const actual = statusReducer(initialState, action);
-
-            expect(actual).toEqual({
-                ...initialState,
-                pendingNotification: {
-                    type: "profile_revoked",
-                    profile: action.profile,
-                },
-            });
-        });
-    });
-
-    describe("TOGGLE_EDIT_PROFILES", () => {
-        it("sets `editing` to `true` on the state", () => {
-            const initialState = {
-                editing: false,
-            };
-
-            const action = {
-                type: "TOGGLE_EDIT_PROFILES",
-            };
-
-            const actual = statusReducer(initialState, action);
-
-            expect(actual).toEqual({
-                editing: true,
-            });
-        });
-
-        it("sets `editing` to `false` on the state", () => {
-            const initialState = {
-                editing: true,
-            };
-
-            const action = {
-                type: "TOGGLE_EDIT_PROFILES",
-            };
-
-            const actual = statusReducer(initialState, action);
-
-            expect(actual).toEqual({
-                editing: false,
-            });
-        });
-    });
-
-    describe("GET_USER_INFO_SUCCESS", () => {
-        it("sets `loading` to `false` on the state", () => {
-            const initialState = {
-                loading: true,
-                type: null,
-                pendingNotification: null,
-                someOtherState: "yes",
-            };
-
-            const action = {
-                type: "GET_USER_INFO_SUCCESS",
-                userInfo: {
-                    id: "some_id",
-                    "cronofy.type": "account",
-                },
-            };
-
-            const expected = {
-                loading: false,
-                type: action.userInfo["cronofy.type"],
-                pendingNotification: null,
-                someOtherState: "yes",
-            };
-
-            const actualWithLoadingTrue = statusReducer(initialState, action);
-            const actualWithLoadingFalse = statusReducer(
-                { ...initialState, loading: false },
-                action
-            );
-
-            expect(actualWithLoadingTrue).toEqual(expected);
-            expect(actualWithLoadingFalse).toEqual(expected);
-        });
-
-        it("sets `type` to the `cronofy.type` on the state", () => {
-            const initialState = {
-                loading: true,
-                type: null,
-                pendingNotification: null,
-                someOtherState: "yes",
-            };
-
-            const action = {
-                type: "GET_USER_INFO_SUCCESS",
-                userInfo: {
-                    id: "some_id",
-                    "cronofy.type": "account",
-                },
-            };
-
-            const expected = {
-                loading: false,
-                type: action.userInfo["cronofy.type"],
-                pendingNotification: null,
-                someOtherState: "yes",
-            };
-
-            const actualWithNullType = statusReducer(initialState, action);
-            const actualWithPopulatedType = statusReducer(
-                { ...initialState, type: "some_value" },
-                action
-            );
-
-            expect(actualWithNullType).toEqual(expected);
-            expect(actualWithPopulatedType).toEqual(expected);
-        });
-
-        it("sets `pendingNotification` to `null` on the state", () => {
-            const callback = () => {};
-
-            const initialState = {
-                loading: true,
-                type: null,
-                pendingNotification: null,
-                someOtherState: "yes",
-                callback,
-            };
-
-            const action = {
-                type: "GET_USER_INFO_SUCCESS",
-                userInfo: {
-                    id: "some_id",
-                    "cronofy.type": "account",
-                },
-            };
-
-            const expected = {
-                loading: false,
-                type: action.userInfo["cronofy.type"],
-                pendingNotification: null,
-                someOtherState: "yes",
-                callback,
-            };
-
-            const actualWithNullNotification = statusReducer(initialState, action);
-            const actualWithPopulatedNotification = statusReducer(
-                { ...initialState, pendingNotification: "some_value" },
-                action
-            );
-
-            expect(actualWithNullNotification).toEqual(expected);
-            expect(actualWithPopulatedNotification).toEqual(expected);
-        });
-
-        describe("when `pendingNotification` exists", () => {
-            it("invokes callback with correct params", () => {
-                const initialState = {
-                    pendingNotification: {
-                        type: "profile_revoked",
-                        profile: {
-                            id: "some_id",
-                        },
-                    },
-                    callback: jest.fn(),
-                };
-
-                const action = {
-                    type: "GET_USER_INFO_SUCCESS",
-                    userInfo: {
-                        id: "some_userinfo_id",
-                        "cronofy.type": "account",
-                    },
-                };
-
-                statusReducer(initialState, action);
-
-                expect(initialState.callback).toHaveBeenCalledTimes(1);
-                expect(initialState.callback).toHaveBeenCalledWith({
-                    notification: initialState.pendingNotification,
-                    userinfo: action.userInfo,
-                });
-            });
-        });
-
-        describe("when `pendingNotification` doesn't exist", () => {
-            it("doesn't invoke callback", () => {
-                const initialState = {
-                    pendingNotification: null,
-                    callback: jest.fn(),
-                };
-
-                const action = {
-                    type: "GET_USER_INFO_SUCCESS",
-                    userInfo: {
-                        id: "some_userinfo_id",
-                        "cronofy.type": "account",
-                    },
-                };
-
-                statusReducer(initialState, action);
-
-                expect(initialState.callback).toHaveBeenCalledTimes(0);
-            });
-        });
-    });
-
-    describe("GET_USER_INFO_ERROR", () => {
-        it("sets `loading` to `false` on the state", () => {
-            const initialState = {
-                loading: true,
-                error: null,
-            };
-
-            const action = {
-                type: "GET_USER_INFO_ERROR",
-                error: null,
-            };
-
-            const expected = {
-                loading: false,
-                error: null,
-            };
-
-            const actualWithLoadingTrue = statusReducer(initialState, action);
-            const actualWithLoadingFalse = statusReducer(
-                { ...initialState, loading: false },
-                action
-            );
-
-            expect(actualWithLoadingTrue).toEqual(expected);
-            expect(actualWithLoadingFalse).toEqual(expected);
-        });
-
-        it("sets `error` to correct value on the state", () => {
-            const initialState = {
-                loading: false,
-                error: null,
-            };
-
-            const action = {
-                type: "GET_USER_INFO_ERROR",
-                error: "some error",
-            };
-
-            const expected = {
-                loading: false,
-                error: action.error,
-            };
-
-            const actualWithNullError = statusReducer(initialState, action);
-            const actualWithExistingError = statusReducer(
-                { ...initialState, error: "previous error" },
-                action
-            );
-
-            expect(actualWithNullError).toEqual(expected);
-            expect(actualWithExistingError).toEqual(expected);
-        });
-    });
-
-    describe("NO_TOKEN_SUCCESS", () => {
-        it("sets `loading` to `false` on the state", () => {
-            const initialState = {
-                type: null,
-                loading: true,
-                pendingNotification: null,
-            };
-
-            const action = {
-                type: "NO_TOKEN_SUCCESS",
-            };
-
-            const expected = {
-                type: null,
-                loading: false,
-                pendingNotification: null,
-            };
-
-            const actualWithLoadingTrue = statusReducer(initialState, action);
-            const actualWithLoadingFalse = statusReducer(
-                { ...initialState, loading: false },
-                action
-            );
-
-            expect(actualWithLoadingTrue).toEqual(expected);
-            expect(actualWithLoadingFalse).toEqual(expected);
-        });
-
-        it("sets `pendingNotification` to `null` on the state", () => {
-            const callback = () => {};
-
-            const initialState = {
-                type: null,
-                loading: true,
-                pendingNotification: null,
-                callback,
-            };
-
-            const action = {
-                type: "NO_TOKEN_SUCCESS",
-            };
-
-            const expected = {
-                type: null,
-                loading: false,
-                pendingNotification: null,
-                callback,
-            };
-
-            const actualWithNullNotification = statusReducer(initialState, action);
-            const actualWithPopulatedNotification = statusReducer(
-                { ...initialState, pendingNotification: "some_value" },
-                action
-            );
-
-            expect(actualWithNullNotification).toEqual(expected);
-            expect(actualWithPopulatedNotification).toEqual(expected);
-        });
-
-        describe("when `pendingNotification` exists", () => {
-            it("invokes callback", () => {
-                const initialState = {
-                    pendingNotification: {
-                        type: "profile_revoked",
-                        profile: {
-                            id: "some_id",
-                        },
-                    },
-                    callback: jest.fn(),
-                };
-
-                const action = {
-                    type: "NO_TOKEN_SUCCESS",
-                };
-
-                statusReducer(initialState, action);
-
-                expect(initialState.callback).toHaveBeenCalledTimes(1);
-                expect(initialState.callback).toHaveBeenCalledWith({
-                    notification: initialState.pendingNotification,
-                });
-            });
-        });
-
-        describe("when `pendingNotification` doesn't exist", () => {
-            it("doesn't invoke callback", () => {
-                const initialState = {
-                    pendingNotification: null,
-                    callback: jest.fn(),
-                };
-
-                const action = {
-                    type: "NO_TOKEN_SUCCESS",
-                };
-
-                statusReducer(initialState, action);
-
-                expect(initialState.callback).toHaveBeenCalledTimes(0);
-            });
-        });
-    });
-});

package/tests/DateTimePicker/SequencedSlotButton.test.js

@@ -1,157 +0,0 @@
-import React from "react";
-import { render, fireEvent, within } from "@testing-library/react";
-import "@testing-library/jest-dom";
-
-import SequencedSlotButton from "../../src/js/components/DateTimePicker/SequencedSlotButton";
-
-import { I18nProvider } from "../../src/js/contexts/i18n-context";
-import { ThemeProvider } from "../../src/js/components/DateTimePicker/contexts/theme-context";
-import { StatusProvider } from "../../src/js/components/DateTimePicker/contexts/status-context";
-import { TzProvider } from "../../src/js/contexts/tz-context";
-
-const wrapper = ({ children, status }) => (
-    <ThemeProvider options={{ name: "DTP" }}>
-        <I18nProvider
-            options={{
-                locale: "en",
-                slug: "date_time_picker",
-                tzid: "Europe/London",
-            }}
-        >
-            <TzProvider
-                options={{
-                    selectedTzid: {
-                        tzid: "Europe/London",
-                        offset: "+01:00",
-                        offsetMins: 60,
-                        name: "London",
-                        abbr: "BST",
-                    },
-                    list: [],
-                }}
-            >
-                <StatusProvider
-                    options={{
-                        selected: false,
-                        ...status,
-                    }}
-                >
-                    {children}
-                </StatusProvider>
-            </TzProvider>
-        </I18nProvider>
-    </ThemeProvider>
-);
-
-describe("SequencedSlotButton", () => {
-    const slot = [
-        { sequence_id: "test-1", start: "2022-10-05T09:30:00Z", end: "2022-10-05T10:00:00Z" },
-        { sequence_id: "test-2", start: "2022-10-05T10:30:00Z", end: "2022-10-05T11:00:00Z" },
-    ];
-
-    it("displays slot button with correct start and end time", () => {
-        const { container } = render(<SequencedSlotButton slot={slot} />, { wrapper });
-
-        const button = container.querySelector(".DTP__time-slot");
-
-        expect(button).toBeInTheDocument();
-        expect(button.innerHTML).toEqual(expect.stringContaining("10:30 AM - 12:00 PM (BST)"));
-    });
-
-    it("displays slot button with time in BST", () => {
-        const { container } = render(<SequencedSlotButton slot={slot} />, { wrapper });
-
-        const button = container.querySelector(".DTP__time-slot");
-
-        expect(button).toBeInTheDocument();
-        expect(button.innerHTML).toEqual(expect.stringContaining("10:30 AM - 12:00 PM (BST)"));
-    });
-
-    it("displays a detailed view when slot button mode is set to detailed", () => {
-        const status = {
-            slotButtonMode: "detailed",
-        };
-        const { container } = render(<SequencedSlotButton slot={slot} />, {
-            wrapper: e => wrapper({ ...e, status }),
-        });
-
-        const button = container.querySelector(".DTP__time-slot");
-        const detailedList = container.querySelector(".DTP__detailed-slot-list");
-
-        expect(button).toBeInTheDocument();
-        expect(detailedList).toBeInTheDocument();
-
-        const { getAllByRole } = within(detailedList);
-        const items = getAllByRole("listitem");
-        expect(items.length).toBe(2);
-
-        const listText = items.map(item => item.textContent);
-        expect(listText).toMatchInlineSnapshot(`
-            Array [
-              "10:30 AM - 11:00 AM (BST)",
-              "11:30 AM - 12:00 PM (BST)",
-            ]
-        `);
-    });
-
-    it("displays slot button with time in GMT", () => {
-        const slot = [
-            { sequence_id: "test-1", start: "2022-11-05T09:30:00Z", end: "2022-11-05T10:00:00Z" },
-            { sequence_id: "test-2", start: "2022-11-05T10:30:00Z", end: "2022-11-05T11:00:00Z" },
-        ];
-        const { container } = render(<SequencedSlotButton slot={slot} />, { wrapper });
-
-        const button = container.querySelector(".DTP__time-slot");
-
-        expect(button).toBeInTheDocument();
-        expect(button.innerHTML).toEqual(expect.stringContaining("9:30 AM - 11:00 AM (GMT)"));
-    });
-
-    it("focuses if slot start time matches status.focusedSlot", () => {
-        const status = {
-            focusedSlot: "2022-10-05T09:30:00Z",
-            selected: false,
-        };
-
-        const { container } = render(<SequencedSlotButton slot={slot} />, {
-            wrapper: e => wrapper({ ...e, status }),
-        });
-
-        const button = container.querySelector("button");
-
-        expect(button).toHaveFocus();
-    });
-
-    it("sets the slot to selected when button is clicked", () => {
-        const { container } = render(<SequencedSlotButton slot={slot} />, { wrapper });
-
-        const button = container.querySelector("button");
-
-        expect(button).not.toHaveClass("DTP_time-slot--selected");
-
-        fireEvent.click(button);
-
-        expect(button).toHaveFocus();
-        expect(button.classList).toContain("DTP__time-slot--selected");
-    });
-
-    it("shows selected className if preselected slot exists", () => {
-        const status = {
-            focusedSlot: "2022-10-05T09:30:00Z",
-            selected: {
-                start: "2022-10-05T09:30:00Z",
-                end: "2022-10-05T11:00:00Z",
-                sequence: slot,
-            },
-        };
-
-        const { container } = render(<SequencedSlotButton slot={slot} />, {
-            wrapper: e => wrapper({ ...e, status }),
-        });
-
-        const button = container.querySelector("button");
-
-        expect(button).toHaveFocus();
-        expect(button).toHaveClass("DTP__time-slot--selected");
-    });
-});

package/tests/DateTimePicker/SlotButton.test.js

@@ -1,118 +0,0 @@
-import React from "react";
-import { render, fireEvent } from "@testing-library/react";
-import "@testing-library/jest-dom";
-
-import SlotButton from "../../src/js/components/DateTimePicker/SlotButton";
-
-import { I18nProvider } from "../../src/js/contexts/i18n-context";
-import { ThemeProvider } from "../../src/js/components/DateTimePicker/contexts/theme-context";
-import { StatusProvider } from "../../src/js/components/DateTimePicker/contexts/status-context";
-import { TzProvider } from "../../src/js/contexts/tz-context";
-
-const wrapper = ({ children, status }) => (
-    <ThemeProvider options={{ name: "DTP" }}>
-        <I18nProvider
-            options={{
-                locale: "en",
-                slug: "date_time_picker",
-                tzid: "Europe/London",
-            }}
-        >
-            <TzProvider
-                options={{
-                    selectedTzid: {
-                        tzid: "Europe/London",
-                        offset: "+01:00",
-                        offsetMins: 60,
-                        name: "London",
-                        abbr: "BST",
-                    },
-                    list: [],
-                }}
-            >
-                <StatusProvider
-                    options={{
-                        selected: false,
-                        ...status,
-                    }}
-                >
-                    {children}
-                </StatusProvider>
-            </TzProvider>
-        </I18nProvider>
-    </ThemeProvider>
-);
-
-describe("SlotButton", () => {
-    const slot = {
-        start: "2020-10-05T09:30:00Z",
-        end: "2020-10-05T10:00:00Z",
-    };
-
-    it("displays slot button with time in BST", () => {
-        const { container } = render(<SlotButton slot={slot} />, { wrapper });
-
-        const button = container.querySelector(".DTP__time-slot");
-
-        expect(button).toBeInTheDocument();
-        expect(button.innerHTML).toEqual(expect.stringContaining("10:30 AM - 11:00 AM (BST)"));
-    });
-
-    it("displays slot button with time in GMT", () => {
-        const slot = {
-            start: "2020-11-05T09:30:00Z",
-            end: "2020-11-05T10:00:00Z",
-        };
-
-        const { container } = render(<SlotButton slot={slot} />, { wrapper });
-
-        const button = container.querySelector(".DTP__time-slot");
-
-        expect(button).toBeInTheDocument();
-        expect(button.innerHTML).toEqual(expect.stringContaining("9:30 AM - 10:00 AM (GMT)"));
-    });
-
-    it("focuses if slot start time matches status.focusedSlot", () => {
-        const status = {
-            focusedSlot: slot.start,
-            selected: false,
-        };
-
-        const { container } = render(<SlotButton slot={slot} />, {
-            wrapper: e => wrapper({ ...e, status }),
-        });
-
-        const button = container.querySelector("button");
-
-        expect(button).toHaveFocus();
-    });
-
-    it("sets the slot to selected when button is clicked", () => {
-        const { container } = render(<SlotButton slot={slot} />, { wrapper });
-
-        const button = container.querySelector("button");
-
-        expect(button).not.toHaveClass("DTP_time-slot--selected");
-
-        fireEvent.click(button);
-
-        expect(button).toHaveFocus();
-        expect(button.classList).toContain("DTP__time-slot--selected");
-    });
-
-    it("shows selected className if preselected slot exists", () => {
-        const status = {
-            focusedSlot: slot.start,
-            selected: slot,
-        };
-
-        const { container } = render(<SlotButton slot={slot} />, {
-            wrapper: e => wrapper({ ...e, status }),
-        });
-
-        const button = container.querySelector("button");
-
-        expect(button).toHaveFocus();
-        expect(button.classList).toContain("DTP__time-slot--selected");
-    });
-});