@activecollab/components 1.0.409 → 1.0.411

package/dist/esm/components/SelectDate/SelectDate.spec.js

@@ -0,0 +1,652 @@
+import React from "react";
+import { shallow, mount } from "enzyme";
+import { SelectDate } from "./SelectDate";
+import { ActivityIcon } from "../Icons";
+import * as indexExports from ".";
+import { customClassNames } from "../DatePicker/ClassNames";
+import { DatePickerForm } from "./DatePickerForm";
+import { Menu } from "../Menu";
+import timezoneMock from "timezone-mock";
+import { StyledConfirmDialog } from "./Styles";
+var selectedDates = {
+  from: 1593648000,
+  // Thursday, July 2, 2020 12:00:00 AM
+  to: 1593648000 // Thursday, July 2, 2020 12:00:00 AM
+};
+
+var defaultMonth = new Date(1593561600000);
+describe("<SelectDate/>", function () {
+  beforeAll(function () {
+    timezoneMock.register("UTC");
+  });
+  afterAll(function () {
+    timezoneMock.unregister();
+  });
+  it("should have default export for module", function () {
+    expect(!!indexExports.SelectDate).toBe(true);
+  });
+  it("should render", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with timezone aware", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      defaultMonth: defaultMonth,
+      defaultTimezoneAware: true,
+      selectedDays: {
+        from: 1593561600,
+        to: 1593561600
+      }
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render non-default prop values", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      saveButtonText: "Save btn",
+      cancelButtonText: "Cancel btn",
+      clearButtonText: "Clear btn",
+      modalHeaderText: "Modal header text",
+      modalDiscardMessage: "Modal discard text",
+      modalDiscardBtnText: "Modal discard btn",
+      modalCancelBtnText: "Modal cancel btn",
+      selectionMode: "range",
+      defaultMonth: defaultMonth,
+      firstDayOfWeek: 3,
+      dateFormat: "DD-MM-YYYY",
+      defaultLabelText: "Choose Date...",
+      popperClassName: "popper-class",
+      popperTooltipClassName: "popper-tooltip-class"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in atomic mode", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      trigger: "inline",
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in instant mode", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "instant",
+      trigger: "inline",
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper.find("StyledSelectDateFooter").prop("$mode")).toEqual("instant");
+  });
+  it("should render in atomic mode and label type icon", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      trigger: "icon",
+      icon: ActivityIcon,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in instant mode and label type icon", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "instant",
+      trigger: "icon",
+      icon: ActivityIcon,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in atomic mode and label type inline", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      trigger: "inline",
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in instant mode and label type inline", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "instant",
+      trigger: "inline",
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with undefined selected days", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      selectedDays: undefined,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in atomic mode with date required", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      required: true,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should show date picker on render", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      defaultMonth: defaultMonth,
+      defaultShowDatePicker: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in with long date format", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      defaultTimezoneAware: true,
+      changeMode: "instant",
+      required: true,
+      defaultMonth: defaultMonth,
+      selectedDays: selectedDates,
+      longDateFormat: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should call onSave on button click in atomic mode", function () {
+    var mockSave = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      onSave: mockSave,
+      selectedDays: selectedDates,
+      trigger: "inline"
+    }));
+    var _wrapper$find$first$p = wrapper.find(DatePickerForm).first().props(),
+      onChange = _wrapper$find$first$p.onChange,
+      onSave = _wrapper$find$first$p.onSave;
+    if (onChange) {
+      onChange({
+        from: new Date(2020, 7, 11),
+        to: new Date(2020, 7, 11)
+      });
+    }
+    expect(mockSave).not.toHaveBeenCalled();
+    if (onSave) {
+      onSave();
+    }
+    expect(mockSave).toHaveBeenCalled();
+  });
+  it("should call onCancel on keyboard esc in atomic mode", function () {
+    var mockCancel = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      onCancel: mockCancel,
+      selectedDays: selectedDates,
+      trigger: "inline"
+    }));
+    var _wrapper$find$first$p2 = wrapper.find(DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p2.onCancel;
+    expect(mockCancel).not.toHaveBeenCalled();
+    var event = {
+      key: "Esc",
+      preventDefault: jest.fn()
+    };
+    if (onCancel) {
+      onCancel(event);
+    }
+    expect(mockCancel).toHaveBeenCalled();
+  });
+  it("should open discard modal on cancel click in atomic mode", function () {
+    var mockSave = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      onSave: mockSave,
+      selectedDays: selectedDates,
+      trigger: "inline"
+    }));
+    var _wrapper$find$first$p3 = wrapper.find(DatePickerForm).first().props(),
+      onChange = _wrapper$find$first$p3.onChange,
+      onCancel = _wrapper$find$first$p3.onCancel;
+    if (onChange) {
+      onChange({
+        from: new Date(2020, 7, 11),
+        to: new Date(2020, 7, 11)
+      });
+    }
+    expect(mockSave).not.toHaveBeenCalled();
+    var event = {
+      preventDefault: jest.fn()
+    };
+    if (onCancel) {
+      onCancel(event);
+    }
+    var _wrapper$find$props = wrapper.find(StyledConfirmDialog).props(),
+      onConfirm = _wrapper$find$props.onConfirm;
+    if (onConfirm) {
+      onConfirm();
+    }
+    expect(mockSave).not.toHaveBeenCalled();
+  });
+  it.each([[selectedDates], [undefined]])("should not open discard modal on cancel click in atomic mode with selectedDates = %p", function (selectedDatesInner) {
+    var mockCancel = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      onCancel: mockCancel,
+      selectedDays: selectedDatesInner,
+      trigger: "inline"
+    }));
+    expect(mockCancel).not.toHaveBeenCalled();
+    var _wrapper$find$first$p4 = wrapper.find(DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p4.onCancel;
+    var event = {
+      preventDefault: jest.fn()
+    };
+    if (onCancel) {
+      onCancel(event);
+    }
+    expect(mockCancel).toHaveBeenCalled();
+  });
+  it("should show datepicker on text label click", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "instant",
+      selectedDays: selectedDates,
+      trigger: "text",
+      targetTextClassName: "text-label"
+    }));
+    var _wrapper$find$first$p5 = wrapper.find(Menu).first().props(),
+      onOpen = _wrapper$find$first$p5.onOpen;
+    expect(wrapper.find(Menu).first().prop("open")).toBe(false);
+    if (onOpen) {
+      onOpen();
+    }
+    expect(wrapper.find(Menu).first().prop("open")).toBe(true);
+  });
+  it("should handle clear on click", function () {
+    var onSave = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "instant",
+      onSave: onSave,
+      selectedDays: selectedDates,
+      trigger: "inline",
+      required: false
+    }));
+    expect(onSave).not.toHaveBeenCalled();
+    var _wrapper$find$first$p6 = wrapper.find(DatePickerForm).first().props(),
+      onClear = _wrapper$find$first$p6.onClear;
+    if (onClear) {
+      onClear();
+    }
+    expect(onSave).toHaveBeenCalled();
+  });
+  it("should open modal when passed dates are different than selected dates", function () {
+    var mockSave = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      onSave: mockSave,
+      selectedDays: selectedDates,
+      trigger: "inline",
+      required: false
+    }));
+    expect(mockSave).not.toHaveBeenCalled();
+    var _wrapper$find$first$p7 = wrapper.find(DatePickerForm).first().props(),
+      onClear = _wrapper$find$first$p7.onClear,
+      onCancel = _wrapper$find$first$p7.onCancel;
+    if (onClear) {
+      onClear();
+    }
+    expect(mockSave).not.toHaveBeenCalled();
+    var mockPreventDefault = jest.fn();
+    expect(mockPreventDefault).not.toHaveBeenCalled();
+    if (onCancel) {
+      onCancel({
+        preventDefault: mockPreventDefault
+      });
+    }
+    expect(mockPreventDefault).toHaveBeenCalled();
+    var onClose = wrapper.find(StyledConfirmDialog).props().onCancel;
+    if (onClose) {
+      onClose();
+    }
+    expect(mockSave).not.toHaveBeenCalled();
+  });
+  it("should open confirmation modal", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      trigger: "inline"
+    }));
+    expect(wrapper.find(StyledConfirmDialog).first().prop("open")).toBeFalsy();
+    var _wrapper$find$first$p8 = wrapper.find(DatePickerForm).first().props(),
+      onChange = _wrapper$find$first$p8.onChange;
+    if (onChange) {
+      onChange({
+        from: new Date(2020, 2, 1),
+        to: new Date(2020, 2, 1)
+      });
+    }
+    var _wrapper$find$first$p9 = wrapper.find(DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p9.onCancel;
+    if (onCancel) {
+      onCancel({
+        preventDefault: jest.fn()
+      });
+    }
+    expect(wrapper.find(StyledConfirmDialog).first().prop("open")).toBeTruthy();
+  });
+  it("should straight call onCancel callback when its in mode different than atomic", function () {
+    var mockCancel = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "instant",
+      trigger: "text",
+      onCancel: mockCancel,
+      defaultShowDatePicker: true
+    }));
+    expect(wrapper.find(Menu).first().prop("open")).toBeTruthy();
+    expect(mockCancel).not.toHaveBeenCalled();
+    var _wrapper$find$first$p10 = wrapper.find(DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p10.onCancel;
+    if (onCancel) {
+      onCancel({
+        preventDefault: jest.fn()
+      });
+    }
+    expect(mockCancel).toHaveBeenCalled();
+    expect(wrapper.find(Menu).first().prop("open")).toBeFalsy();
+  });
+  it("should open confimation modal on cancel when dates has been changed", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      changeMode: "atomic",
+      trigger: "text",
+      selectedDays: selectedDates
+    }));
+    expect(wrapper.find(StyledConfirmDialog).first().prop("open")).toBeFalsy();
+    var _wrapper$find$first$p11 = wrapper.find(DatePickerForm).first().props(),
+      onChange = _wrapper$find$first$p11.onChange;
+    if (onChange) {
+      onChange({
+        from: new Date(2020, 2, 1),
+        to: new Date(2020, 2, 1)
+      });
+    }
+    var _wrapper$find$first$p12 = wrapper.find(DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p12.onCancel;
+    if (onCancel) {
+      onCancel({
+        preventDefault: jest.fn()
+      });
+    }
+    expect(wrapper.find(StyledConfirmDialog).first().prop("open")).toBeTruthy();
+  });
+  it("should return proper selected date on click through onChange method", function () {
+    var mockSave = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      selectedDays: {
+        from: 1594166400,
+        // Wednesday, July 8, 2020 12:00:00 AM
+        to: 1594166400 // Wednesday, July 8, 2020 12:00:00 AM
+      },
+
+      onSave: mockSave,
+      trigger: "inline",
+      changeMode: "instant"
+    }));
+    var _wrapper$find$first$p13 = wrapper.find(DatePickerForm).first().props(),
+      onChange = _wrapper$find$first$p13.onChange;
+    if (onChange) {
+      onChange({
+        from: new Date(2020, 6, 13, 12),
+        to: new Date(2020, 6, 13, 12)
+      });
+    }
+    expect(mockSave).toHaveBeenCalledWith({
+      from: 1594598400,
+      // Monday, July 13, 2020 12:00:00 AM
+      to: 1594598400 // Monday, July 13, 2020 12:00:00 AM
+    });
+  });
+
+  it("should handle month change", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      trigger: "inline",
+      changeMode: "instant",
+      weekendLabel: "Weekend"
+    }));
+    var _wrapper$find$first$p14 = wrapper.find(DatePickerForm).first().props(),
+      onMonthChange = _wrapper$find$first$p14.onMonthChange;
+    if (onMonthChange) {
+      onMonthChange(new Date(2020, 6, 13));
+    }
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render label text when two date are not equal", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      trigger: "inline",
+      changeMode: "instant",
+      weekendLabel: "Weekend",
+      selectedDays: {
+        from: 1594166400,
+        // Wednesday, July 8, 2020 12:00:00 AM
+        to: 1594252800 // Thursday, July 9, 2020 12:00:00 AM
+      }
+    }));
+
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should set new value when defaultShowDatePicker has been changed", function () {
+    var mockToggleDatePicker = jest.fn();
+    var wrapper = mount( /*#__PURE__*/React.createElement(SelectDate, {
+      trigger: "text",
+      changeMode: "atomic",
+      onToggleDatePicker: mockToggleDatePicker
+    }));
+    expect(mockToggleDatePicker).toHaveBeenCalledTimes(1);
+    expect(mockToggleDatePicker).toHaveBeenCalledWith(false);
+    wrapper.setProps({
+      defaultShowDatePicker: true
+    });
+    wrapper.update();
+    expect(mockToggleDatePicker).toHaveBeenCalledTimes(2);
+    expect(mockToggleDatePicker).toHaveBeenCalledWith(true);
+    wrapper.unmount();
+  });
+  it("should set new value when modifiedDates has been changed", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(SelectDate, {
+      trigger: "inline",
+      changeMode: "atomic"
+    }));
+    wrapper.setProps({
+      selectedDays: {
+        from: 1593648000,
+        // Thursday, July 2, 2020 12:00:00 AM
+        to: 1593648000 // Thursday, July 2, 2020 12:00:00 AM
+      }
+    });
+
+    wrapper.update();
+    var _wrapper$find$first$p15 = wrapper.find(DatePickerForm).first().props(),
+      selectedDays = _wrapper$find$first$p15.selectedDays;
+    expect(selectedDays == null ? void 0 : selectedDays.from).toEqual(new Date(2020, 6, 2));
+    expect(selectedDays == null ? void 0 : selectedDays.to).toEqual(new Date(2020, 6, 2));
+    wrapper.unmount();
+  });
+  it("should render days to modify and weekends", function () {
+    var daysToModify = [{
+      from: new Date(2020, 6, 3),
+      to: new Date(2020, 6, 6),
+      title: "Day Off",
+      repeating: false,
+      type: "global_day_off"
+    }, {
+      from: new Date(2011, 6, 1),
+      to: new Date(2011, 6, 1),
+      title: "Petar Slavnic: Day Off",
+      repeating: true,
+      type: "user_day_off"
+    }, {
+      from: new Date(2020, 6, 13),
+      to: new Date(2020, 6, 15),
+      title: "Petar Slavnic: Day Off",
+      repeating: false,
+      type: "user_day_off"
+    }, {
+      from: new Date(2020, 6, 27),
+      to: new Date(2020, 6, 27),
+      title: "Petar Slavnic: Day Off",
+      repeating: false,
+      type: "user_day_off"
+    }, {
+      from: new Date(2013, 6, 22),
+      to: new Date(2020, 6, 24),
+      title: "Repeating Day Off",
+      repeating: true,
+      type: "global_day_off"
+    }, {
+      from: new Date(2013, 6, 29),
+      to: new Date(2020, 6, 29),
+      title: "Repeating Selectable Day Off",
+      repeating: true,
+      type: "selectable_global_day_off"
+    }];
+    var weekends = [0, 6];
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      selectedDays: {
+        from: 1593648000,
+        // Wednesday, July 2, 2020 12:00:00 AM
+        to: 1593648000 // Wednesday, July 2, 2020 12:00:00 AM
+      },
+
+      trigger: "inline",
+      changeMode: "instant",
+      daysToModify: daysToModify,
+      weekends: weekends,
+      disableDaysBefore: new Date(2019, 5, 20)
+    }));
+    var node = wrapper.find("DatePickerForm").first();
+    var modifiers = node.prop("modifiers");
+    var weekend = modifiers[customClassNames.weekend];
+    var userAvailability = modifiers[customClassNames.userAvailability];
+    var disabled = modifiers[customClassNames.disabled];
+    var nonWorkingDay = modifiers[customClassNames.nonWorkingDay];
+    expect(weekend(new Date(2020, 1, 23))).toBeTruthy();
+    expect(userAvailability(new Date(2020, 6, 1))).toBeTruthy();
+    expect(userAvailability(new Date(2020, 6, 3))).toBeFalsy();
+    expect(userAvailability(new Date(2020, 6, 13))).toBeTruthy();
+    expect(userAvailability(new Date(2020, 6, 14))).toBeTruthy();
+    expect(userAvailability(new Date(2020, 6, 15))).toBeTruthy();
+    expect(userAvailability(new Date(2020, 6, 27))).toBeTruthy();
+    expect(disabled(new Date(1910, 10, 17))).toBeTruthy();
+    expect(disabled(new Date(2000, 5, 17))).toBeTruthy();
+    expect(disabled(new Date(2019, 5, 17))).toBeTruthy();
+    expect(disabled(new Date(2019, 5, 18))).toBeTruthy();
+    expect(disabled(new Date(2019, 5, 19))).toBeTruthy();
+    expect(disabled(new Date(2019, 5, 20))).toBeFalsy();
+    expect(disabled(new Date(2020, 1, 23))).toBeTruthy();
+    expect(disabled(new Date(2020, 6, 21))).toBeFalsy();
+    expect(disabled(new Date(2020, 6, 22))).toBeTruthy();
+    expect(disabled(new Date(2020, 6, 23))).toBeTruthy();
+    expect(disabled(new Date(2020, 6, 24))).toBeTruthy();
+    expect(disabled(new Date(2020, 6, 29))).toBeFalsy();
+    expect(nonWorkingDay(new Date(2020, 1, 23))).toBeTruthy();
+    expect(nonWorkingDay(new Date(2020, 6, 21))).toBeFalsy();
+    expect(nonWorkingDay(new Date(2020, 6, 22))).toBeTruthy();
+    expect(nonWorkingDay(new Date(2020, 6, 23))).toBeTruthy();
+    expect(nonWorkingDay(new Date(2020, 6, 24))).toBeTruthy();
+    expect(nonWorkingDay(new Date(2020, 6, 29))).toBeTruthy();
+  });
+  it("should modify day as weekend, nonWorkingDay but not disabled", function () {
+    var weekends = [0, 6];
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      selectedDays: {
+        from: 1593648000,
+        // Wednesday, July 2, 2020 12:00:00 AM
+        to: 1593648000 // Wednesday, July 2, 2020 12:00:00 AM
+      },
+
+      trigger: "inline",
+      changeMode: "instant",
+      weekends: weekends,
+      weekendIsSelectable: true
+    }));
+    var node = wrapper.find("DatePickerForm").first();
+    var modifiers = node.prop("modifiers");
+    var disabled = modifiers[customClassNames.disabled];
+    var nonWorkingDay = modifiers[customClassNames.nonWorkingDay];
+    expect(nonWorkingDay(new Date(2020, 6, 25))).toBeTruthy();
+    expect(disabled(new Date(2020, 6, 25))).toBeFalsy();
+    expect(nonWorkingDay(new Date(2020, 6, 26))).toBeTruthy();
+    expect(disabled(new Date(2020, 6, 26))).toBeFalsy();
+    expect(nonWorkingDay(new Date(2020, 6, 27))).toBeFalsy();
+  });
+  it("should render day title", function () {
+    var daysToModify = [{
+      from: new Date(2020, 6, 27),
+      to: new Date(2020, 6, 27),
+      title: "Day Off",
+      repeating: false,
+      type: "global_day_off"
+    }, {
+      from: new Date(2020, 6, 26),
+      to: new Date(2020, 6, 27),
+      title: "Petar Slavnic: Day Off",
+      repeating: false,
+      type: "user_day_off"
+    }, {
+      from: new Date(2013, 6, 22),
+      to: new Date(2020, 6, 24),
+      title: "Repeating Day Off",
+      repeating: true,
+      type: "global_day_off"
+    }];
+    var weekends = [0, 6];
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      selectedDays: {
+        from: 1593648000,
+        // Wednesday, July 2, 2020 12:00:00 AM
+        to: 1593648000 // Wednesday, July 2, 2020 12:00:00 AM
+      },
+
+      trigger: "inline",
+      changeMode: "instant",
+      daysToModify: daysToModify,
+      weekends: weekends
+    }));
+    var node = wrapper.find("DatePickerForm").first();
+    var renderDay = node.prop("renderDay");
+
+    // Test: without title
+    expect(renderDay(new Date(2020, 6, 1))).toMatchSnapshot();
+    // Test: single title
+    expect(renderDay(new Date(2020, 6, 23))).toMatchSnapshot();
+    // Test: multiple titles
+    expect(renderDay(new Date(2020, 6, 26))).toMatchSnapshot();
+    expect(renderDay(new Date(2020, 6, 27))).toMatchSnapshot();
+  });
+  it("should render day title without weekends and daysToModify", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      selectedDays: {
+        from: 1593648000,
+        // Wednesday, July 2, 2020 12:00:00 AM
+        to: 1593648000 // Wednesday, July 2, 2020 12:00:00 AM
+      },
+
+      trigger: "inline",
+      changeMode: "instant"
+    }));
+    var node = wrapper.find("DatePickerForm").first();
+    var renderDay = node.prop("renderDay");
+
+    // Test: without title
+    expect(renderDay(new Date(2020, 6, 1))).toMatchSnapshot();
+    // Test: single title
+    expect(renderDay(new Date(2020, 6, 26))).toMatchSnapshot();
+  });
+  it("should render custom trigger element", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(SelectDate, {
+      selectedDays: {
+        from: 1593648000,
+        // Wednesday, July 2, 2020 12:00:00 AM
+        to: 1593648000 // Wednesday, July 2, 2020 12:00:00 AM
+      },
+
+      trigger: function trigger(text) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "custom"
+        }, "Custom ", text);
+      },
+      changeMode: "instant"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=SelectDate.spec.js.map