axiom-react-calendar/dist/DecadeView/__tests__/Year.js

A component for picking dates or date periods for your React application.

'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _enzyme = require('enzyme');

var _Year = require('../Year');

var _Year2 = _interopRequireDefault(_Year);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/* eslint-disable comma-dangle, jsx-a11y/mouse-events-have-key-events */

var tileProps = {
  classes: ['react-calendar__tile'],
  date: new Date(2018, 0, 1),
  point: 2018
};

describe('Year', function () {
  it('applies given classNames properly', function () {
    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      classes: ['react-calendar__tile', 'react-calendar__tile--flag'],
      tileClassName: function tileClassName() {
        return 'testFunctionClassName';
      }
    })));

    var wrapperClassName = component.find('.react-calendar__tile').prop('className');

    expect(wrapperClassName.includes('react-calendar__tile')).toBe(true);
    expect(wrapperClassName.includes('react-calendar__tile--flag')).toBe(true);
    expect(wrapperClassName.includes('react-calendar__decade-view__years__year')).toBe(true);
    expect(wrapperClassName.includes('testFunctionClassName')).toBe(true);
  });

  it('renders time component with proper dateTime arguments', function () {
    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: new Date(2018, 0, 1),
      year: 2018
    })));

    var time = component.find('time');

    expect(time).toHaveLength(1);
    expect(time.prop('dateTime')).toBe('2018T00:00:00.000');
    expect(time.text()).toBe('2018');
  });

  it('is disabled when date is before beginning of minDate\'s year', function () {
    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: new Date(2018, 0, 1),
      minDate: new Date(2019, 0, 1)
    })));

    expect(component.find('.react-calendar__tile').prop('disabled')).toBe(true);
  });

  it('is not disabled when date is after beginning of minDate\'s year', function () {
    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: new Date(2018, 0, 1),
      minDate: new Date(2018, 0, 1)
    })));

    expect(component.find('.react-calendar__tile').prop('disabled')).toBeFalsy();
  });

  it('is disabled when date is after end of maxDate\'s year', function () {
    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: new Date(2018, 0, 1),
      maxDate: new Date(2017, 0, 1)
    })));

    expect(component.find('.react-calendar__tile').prop('disabled')).toBe(true);
  });

  it('is not disabled when date is before end of maxDate\'s year', function () {
    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: new Date(2018, 0, 1),
      maxDate: new Date(2018, 0, 1)
    })));

    expect(component.find('.react-calendar__tile').prop('disabled')).toBeFalsy();
  });

  it('calls onClick callback when clicked and sends proper date as an argument', function () {
    var date = new Date(2018, 0, 1);
    var onClick = jest.fn();

    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: date,
      onClick: onClick
    })));

    component.find('.react-calendar__tile').simulate('click');

    expect(onClick).toHaveBeenCalled();
    expect(onClick).toHaveBeenCalledWith(date);
  });

  it('calls onMouseOver callback when hovered and sends proper date as an argument', function () {
    var date = new Date(2018, 0, 1);
    var onMouseOver = jest.fn();

    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: date,
      onMouseOver: onMouseOver
    })));

    component.find('.react-calendar__tile').simulate('mouseOver');

    expect(onMouseOver).toHaveBeenCalled();
    expect(onMouseOver).toHaveBeenCalledWith(date);
  });

  it('calls onMouseOver callback when focused and sends proper date as an argument', function () {
    var date = new Date(2018, 0, 1);
    var onMouseOver = jest.fn();

    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: date,
      onMouseOver: onMouseOver
    })));

    component.find('.react-calendar__tile').simulate('focus');

    expect(onMouseOver).toHaveBeenCalled();
    expect(onMouseOver).toHaveBeenCalledWith(date);
  });

  it('renders tileContent properly', function () {
    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      tileContent: _react2.default.createElement('div', { className: 'testContent' })
    })));

    var testContent = component.find('.testContent');

    expect(testContent).toHaveLength(1);
  });

  it('renders tileContent function result properly and sends proper arguments to it', function () {
    var date = new Date(2018, 0, 1);
    var tileContent = jest.fn();
    tileContent.mockReturnValue(_react2.default.createElement('div', { className: 'testContent' }));

    var component = (0, _enzyme.mount)(_react2.default.createElement(_Year2.default, _extends({}, tileProps, {
      date: date,
      tileContent: tileContent
    })));

    var testContent = component.find('.testContent');

    expect(tileContent).toHaveBeenCalled();
    expect(tileContent).toHaveBeenCalledWith({ date: date, view: 'decade' });
    expect(testContent).toHaveLength(1);
  });
});