@activecollab/components 1.0.409 → 1.0.411

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

@@ -0,0 +1,658 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _SelectDate = require("./SelectDate");
+var _Icons = require("../Icons");
+var indexExports = _interopRequireWildcard(require("."));
+var _ClassNames = require("../DatePicker/ClassNames");
+var _DatePickerForm = require("./DatePickerForm");
+var _Menu = require("../Menu");
+var _timezoneMock = _interopRequireDefault(require("timezone-mock"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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.default.register("UTC");
+  });
+  afterAll(function () {
+    _timezoneMock.default.unregister();
+  });
+  it("should have default export for module", function () {
+    expect(!!indexExports.SelectDate).toBe(true);
+  });
+  it("should render", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with timezone aware", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      defaultMonth: defaultMonth,
+      defaultTimezoneAware: true,
+      selectedDays: {
+        from: 1593561600,
+        to: 1593561600
+      }
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render non-default prop values", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      trigger: "inline",
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in instant mode", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_SelectDate.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      trigger: "icon",
+      icon: _Icons.ActivityIcon,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in instant mode and label type icon", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "instant",
+      trigger: "icon",
+      icon: _Icons.ActivityIcon,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in atomic mode and label type inline", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      trigger: "inline",
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in instant mode and label type inline", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "instant",
+      trigger: "inline",
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with undefined selected days", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      selectedDays: undefined,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in atomic mode with date required", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      required: true,
+      defaultMonth: defaultMonth
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should show date picker on render", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      defaultMonth: defaultMonth,
+      defaultShowDatePicker: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render in with long date format", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      onSave: mockSave,
+      selectedDays: selectedDates,
+      trigger: "inline"
+    }));
+    var _wrapper$find$first$p = wrapper.find(_DatePickerForm.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      onCancel: mockCancel,
+      selectedDays: selectedDates,
+      trigger: "inline"
+    }));
+    var _wrapper$find$first$p2 = wrapper.find(_DatePickerForm.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      onSave: mockSave,
+      selectedDays: selectedDates,
+      trigger: "inline"
+    }));
+    var _wrapper$find$first$p3 = wrapper.find(_DatePickerForm.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(_Styles.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      onCancel: mockCancel,
+      selectedDays: selectedDatesInner,
+      trigger: "inline"
+    }));
+    expect(mockCancel).not.toHaveBeenCalled();
+    var _wrapper$find$first$p4 = wrapper.find(_DatePickerForm.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "instant",
+      selectedDays: selectedDates,
+      trigger: "text",
+      targetTextClassName: "text-label"
+    }));
+    var _wrapper$find$first$p5 = wrapper.find(_Menu.Menu).first().props(),
+      onOpen = _wrapper$find$first$p5.onOpen;
+    expect(wrapper.find(_Menu.Menu).first().prop("open")).toBe(false);
+    if (onOpen) {
+      onOpen();
+    }
+    expect(wrapper.find(_Menu.Menu).first().prop("open")).toBe(true);
+  });
+  it("should handle clear on click", function () {
+    var onSave = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "instant",
+      onSave: onSave,
+      selectedDays: selectedDates,
+      trigger: "inline",
+      required: false
+    }));
+    expect(onSave).not.toHaveBeenCalled();
+    var _wrapper$find$first$p6 = wrapper.find(_DatePickerForm.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      onSave: mockSave,
+      selectedDays: selectedDates,
+      trigger: "inline",
+      required: false
+    }));
+    expect(mockSave).not.toHaveBeenCalled();
+    var _wrapper$find$first$p7 = wrapper.find(_DatePickerForm.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(_Styles.StyledConfirmDialog).props().onCancel;
+    if (onClose) {
+      onClose();
+    }
+    expect(mockSave).not.toHaveBeenCalled();
+  });
+  it("should open confirmation modal", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      trigger: "inline"
+    }));
+    expect(wrapper.find(_Styles.StyledConfirmDialog).first().prop("open")).toBeFalsy();
+    var _wrapper$find$first$p8 = wrapper.find(_DatePickerForm.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.DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p9.onCancel;
+    if (onCancel) {
+      onCancel({
+        preventDefault: jest.fn()
+      });
+    }
+    expect(wrapper.find(_Styles.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "instant",
+      trigger: "text",
+      onCancel: mockCancel,
+      defaultShowDatePicker: true
+    }));
+    expect(wrapper.find(_Menu.Menu).first().prop("open")).toBeTruthy();
+    expect(mockCancel).not.toHaveBeenCalled();
+    var _wrapper$find$first$p10 = wrapper.find(_DatePickerForm.DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p10.onCancel;
+    if (onCancel) {
+      onCancel({
+        preventDefault: jest.fn()
+      });
+    }
+    expect(mockCancel).toHaveBeenCalled();
+    expect(wrapper.find(_Menu.Menu).first().prop("open")).toBeFalsy();
+  });
+  it("should open confimation modal on cancel when dates has been changed", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      changeMode: "atomic",
+      trigger: "text",
+      selectedDays: selectedDates
+    }));
+    expect(wrapper.find(_Styles.StyledConfirmDialog).first().prop("open")).toBeFalsy();
+    var _wrapper$find$first$p11 = wrapper.find(_DatePickerForm.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.DatePickerForm).first().props(),
+      onCancel = _wrapper$find$first$p12.onCancel;
+    if (onCancel) {
+      onCancel({
+        preventDefault: jest.fn()
+      });
+    }
+    expect(wrapper.find(_Styles.StyledConfirmDialog).first().prop("open")).toBeTruthy();
+  });
+  it("should return proper selected date on click through onChange method", function () {
+    var mockSave = jest.fn();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.SelectDate, {
+      trigger: "inline",
+      changeMode: "instant",
+      weekendLabel: "Weekend"
+    }));
+    var _wrapper$find$first$p14 = wrapper.find(_DatePickerForm.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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 = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_SelectDate.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 = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_SelectDate.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.DatePickerForm).first().props(),
+      selectedDays = _wrapper$find$first$p15.selectedDays;
+    expect(selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.from).toEqual(new Date(2020, 6, 2));
+    expect(selectedDays === null || selectedDays === void 0 ? 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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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[_ClassNames.customClassNames.weekend];
+    var userAvailability = modifiers[_ClassNames.customClassNames.userAvailability];
+    var disabled = modifiers[_ClassNames.customClassNames.disabled];
+    var nonWorkingDay = modifiers[_ClassNames.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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[_ClassNames.customClassNames.disabled];
+    var nonWorkingDay = modifiers[_ClassNames.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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 = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SelectDate.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.default.createElement("div", {
+          className: "custom"
+        }, "Custom ", text);
+      },
+      changeMode: "instant"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=SelectDate.spec.js.map