@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/es/HiDatePicker/Caption.test.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import MomentLocaleUtils from 'react-day-picker/moment';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import Caption from './Caption';
-import HiButton from '../HiButton/HiButton';
-describe('<Caption />', function () {
-  var shallow;
-  var mount;
-  var classes;
-  var wrapper;
-  var date = new Date();
-  before(function () {
-    shallow = createShallow({
-      untilSelector: 'Badge'
-    });
-    classes = getClasses(React.createElement(Caption, {
-      date: date,
-      localeUtils: MomentLocaleUtils
-    }));
-  });
-  beforeEach(function () {
-    mount = createMount();
-  });
-  afterEach(function () {
-    mount.cleanUp();
-  });
-  describe('text with leftIcon', function () {
-    before(function () {
-      wrapper = shallow(React.createElement(Caption, {
-        date: date,
-        localeUtils: MomentLocaleUtils
-      }));
-    });
-    it('should render a div containing two spans', function () {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.find('div').length, 1, 'should have 1 div');
-      assert.strictEqual(wrapper.find(HiButton).length, 2, 'should have 2 HiButton');
-    });
-    it('should merge user classes & spread custom props to the root node', function () {
-      assert.strictEqual(wrapper.hasClass(classes.caption), true);
-    });
-  });
-  describe('mount', function () {
-    it('should call onDelete when clicking', function () {
-      var handleClickMonth = spy();
-      var handleClickYear = spy();
-      wrapper = mount(React.createElement(Caption, {
-        date: date,
-        localeUtils: MomentLocaleUtils,
-        onMonthClick: handleClickMonth,
-        onYearClick: handleClickYear
-      }));
-      assert.strictEqual(wrapper.find(HiButton).length, 2, 'should have 2 HiButton');
-      wrapper.find(HiButton).at(0).simulate('click');
-      assert.strictEqual(handleClickMonth.callCount, 1, 'should have been called once handleClickMonth');
-      assert.strictEqual(handleClickYear.callCount, 0, 'should not have been called handleClickYear');
-      wrapper.find(HiButton).at(1).simulate('click');
-      assert.strictEqual(handleClickMonth.callCount, 1, 'should not have been called twice handleClickMonth');
-      assert.strictEqual(handleClickYear.callCount, 1, 'should have been called once handleClickYear');
-      wrapper.unmount();
-    });
-  });
-});

package/es/HiDatePicker/HiDatePicker.test.js

@@ -1,370 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import HiDatePicker from './HiDatePicker';
-import HiInput from '../HiForm/HiInput';
-import Paper from '@material-ui/core/Paper';
-import { Overlay, TimePickerOverlay, MonthPickerOverlay, YearPickerOverlay } from './Overlays';
-import Caption from './Caption';
-describe('<HiDatePicker />', function () {
-  var shallow;
-  var mount;
-  var classes;
-  before(function () {
-    shallow = createShallow({
-      dive: true
-    });
-    mount = createMount();
-    classes = getClasses(React.createElement(HiDatePicker, {
-      id: "single-day",
-      onChange: function onChange() {}
-    }));
-  });
-  after(function () {
-    mount.cleanUp();
-  });
-  describe('shallow', function () {
-    it('renders a div containing a DayPickerInput', function () {
-      var wrapper = shallow(React.createElement(HiDatePicker, {
-        onChange: function onChange() {}
-      }));
-      assert.strictEqual(wrapper.name(), 'div', 'should render a div');
-      assert.strictEqual(wrapper.find(DayPickerInput).length, 1, 'should render a DayPickerInput');
-    });
-    it('should handle input day picker interface', function () {
-      var date = new Date();
-      var newDate = new Date('20-06-1998');
-      var handlerChange = spy();
-      var handlerReset = spy();
-      var wrapper = shallow(React.createElement(HiDatePicker, {
-        value: date,
-        onChange: handlerChange,
-        onReset: handlerReset,
-        showOverlay: true
-      }));
-      assert.strictEqual(wrapper.state().openedPanel, 'calendar', 'should have initial openedPanel');
-      assert.strictEqual(wrapper.state().currentMonth, date, 'should have initial currentMonth');
-      var dayPickerInput = wrapper.find(DayPickerInput);
-      dayPickerInput.props().onDayChange(newDate, {});
-      assert.strictEqual(handlerChange.calledWith(newDate), true, 'should call onChange callback');
-      dayPickerInput.props().inputProps.onReset();
-      assert.strictEqual(handlerReset.calledOnce, true, 'should call onReset callback');
-    });
-    it('should disable past days', function () {
-      var handlerChange = spy();
-      var date = new Date(2018, 2, 18);
-      var wrapper = shallow(React.createElement(HiDatePicker, {
-        value: date,
-        onChange: handlerChange,
-        disablePastDays: true,
-        showOverlay: true
-      }));
-    });
-    it('should disable future days', function () {
-      var handlerChange = spy();
-      var date = new Date(2018, 2, 18);
-      var wrapper = shallow(React.createElement(HiDatePicker, {
-        value: date,
-        onChange: handlerChange,
-        disableFutureDays: true,
-        showOverlay: true
-      }));
-    });
-    it('should enable time', function () {
-      var handlerChange = spy();
-      var date = new Date(2018, 2, 18);
-      var wrapper = shallow(React.createElement(HiDatePicker, {
-        value: date,
-        onChange: handlerChange,
-        enableTime: true,
-        showOverlay: true
-      }));
-    });
-    it('should hide on escape', function () {
-      var handlerChange = spy();
-      var wrapper = mount(React.createElement(HiDatePicker, {
-        onChange: handlerChange,
-        id: "test-escape"
-      }));
-      assert.strictEqual(wrapper.find(Overlay).length, 0);
-      wrapper.find(HiInput).simulate('click');
-      assert.strictEqual(wrapper.find(Overlay).length, 1);
-      wrapper.find(HiInput).simulate('keydown', {
-        keyCode: 27,
-        key: 'Escape'
-      });
-      assert.strictEqual(wrapper.find(Overlay).length, 0);
-    });
-  });
-  /* TODO - Mount Tests failed since 06/05/2018
-  describe('mount', () => {
-      it('should mount with current date', () => {
-          const handleChange = spy();
-          const wrapper = mount(
-              <HiDatePicker onChange={handleChange} showOverlay id="single-day" />,
-          );
-           assert.strictEqual(
-              handleChange.callCount,
-              0,
-              'should not not have been called handleChange',
-          );
-           assert.strictEqual(wrapper.find(Paper).length, 0);
-          wrapper.find('input').simulate('focus');
-          assert.strictEqual(wrapper.find(Paper).length, 1);
-          assert.strictEqual(wrapper.type(), HiDatePicker);
-      });
-       it('should mount with fixed date without time', () => {
-          const handleChange = spy();
-          const date = new Date(2018, 0, 1);
-          const wrapper = mount(
-              <HiDatePicker onChange={handleChange} showOverlay id="single-day" value={date} />,
-          );
-           assert.strictEqual(
-              handleChange.callCount,
-              0,
-              'should not not have been called handleChange',
-          );
-           assert.strictEqual(wrapper.find(Paper).length, 0, 'should not have a Paper');
-          wrapper.find('input').simulate('focus');
-          assert.strictEqual(wrapper.find(Paper).length, 1, 'should have a Paper');
-          assert.strictEqual(wrapper.type(), HiDatePicker, 'should be a HiDatePicker');
-          assert.strictEqual(
-              wrapper.find('button').length,
-              3,
-              'should have 3 buttons (prev, next, today)',
-          );
-          assert.strictEqual(
-              handleChange.callCount,
-              0,
-              'should not not have been called handleChange too',
-          );
-           // Check default selected day
-          assert.strictEqual(wrapper.find('div.selected').text(), '1', 'should have selected 1');
-           // Click on second day
-          wrapper
-              .find(`div.${classes.day}`)
-              .at(1)
-              .simulate('click');
-          assert.strictEqual(
-              handleChange.callCount,
-              1,
-              'should have been called twice handleChange',
-          );
-          assert.strictEqual(
-              handleChange.args[0][0].toLocaleDateString('fr-FR'),
-              '2018-1-2',
-              'should have new date value',
-          );
-           // Click on selected day
-          wrapper.find('div.selected').simulate('click');
-          assert.strictEqual(
-              handleChange.callCount,
-              2,
-              'should have been called once handleChange',
-          );
-          assert.strictEqual(handleChange.args[0][1], undefined, 'should have undefined value');
-           // Click on month
-          wrapper
-              .find(Caption)
-              .find('span')
-              .at(0)
-              .simulate('click');
-          assert.strictEqual(wrapper.find(MonthPickerOverlay).length, 1);
-          assert.strictEqual(wrapper.find(Overlay).length, 0);
-          wrapper
-              .find(MonthPickerOverlay)
-              .find('span')
-              .at(8)
-              .simulate('click');
-          assert.strictEqual(wrapper.find(MonthPickerOverlay).length, 0);
-          assert.strictEqual(wrapper.find(Overlay).length, 1);
-           // Click on year
-          wrapper
-              .find(Caption)
-              .find('span')
-              .at(1)
-              .simulate('click');
-          assert.strictEqual(wrapper.find(YearPickerOverlay).length, 1);
-          assert.strictEqual(wrapper.find(Overlay).length, 0);
-          wrapper
-              .find(YearPickerOverlay)
-              .find('span')
-              .at(8)
-              .simulate('click');
-          assert.strictEqual(wrapper.find(YearPickerOverlay).length, 0);
-          assert.strictEqual(wrapper.find(Overlay).length, 1);
-           wrapper.find('input').simulate('blur');
-          assert.strictEqual(wrapper.find(Paper).length, 0, 'should not have a Paper anymore');
-      });
-       it('should mount with time', () => {
-          const handleChange = spy();
-          const date = new Date(2018, 0, 1);
-          const wrapper = mount(
-              <HiDatePicker
-                  onChange={handleChange}
-                  showOverlay
-                  id="single-day"
-                  enableTime
-                  value={date}
-              />,
-          );
-           assert.strictEqual(
-              handleChange.callCount,
-              0,
-              'should not not have been called handleChange',
-          );
-           assert.strictEqual(wrapper.find(Paper).length, 0);
-          wrapper.find('input').simulate('focus');
-          assert.strictEqual(wrapper.find(Paper).length, 1);
-          assert.strictEqual(wrapper.find(Overlay).length, 1);
-          assert.strictEqual(wrapper.type(), HiDatePicker);
-          assert.strictEqual(wrapper.find(TimePickerOverlay).length, 0);
-          assert.strictEqual(wrapper.find('button').length, 4);
-          // Click on time
-          wrapper
-              .find('button')
-              .at(2)
-              .simulate('click');
-          assert.strictEqual(wrapper.find(TimePickerOverlay).length, 1);
-          assert.strictEqual(wrapper.find(Overlay).length, 0);
-           // Click on calendar
-          wrapper
-              .find('button')
-              .at(0)
-              .simulate('click');
-          assert.strictEqual(wrapper.find(TimePickerOverlay).length, 0);
-          assert.strictEqual(wrapper.find(Overlay).length, 1);
-           // Click on second day
-          wrapper
-              .find(Overlay)
-              .find(`div.${classes.day}`)
-              .at(1)
-              .simulate('click');
-          assert.strictEqual(
-              handleChange.callCount,
-              1,
-              'should have been called once handleChange',
-          );
-          assert.strictEqual(handleChange.args[0][0].getHours(), 0, 'should set hours to 0');
-          assert.strictEqual(handleChange.args[0][0].getMinutes(), 0, 'should set minutes to 0');
-      });
-       it('should mount with time and default value', () => {
-          const handleChange = spy();
-          const date = new Date(2018, 0, 1, 6, 44);
-          const wrapper = mount(
-              <HiDatePicker
-                  onChange={handleChange}
-                  showOverlay
-                  id="single-day"
-                  enableTime
-                  value={date}
-              />,
-          );
-           assert.strictEqual(wrapper.find(Paper).length, 0);
-          wrapper.find('input').simulate('focus');
-          assert.strictEqual(wrapper.find(Paper).length, 1);
-          assert.strictEqual(wrapper.find(Overlay).length, 1);
-          assert.strictEqual(wrapper.type(), HiDatePicker);
-          assert.strictEqual(wrapper.find(TimePickerOverlay).length, 0);
-          assert.strictEqual(wrapper.find('button').length, 4);
-           // Click on second day
-          wrapper
-              .find(`div.${classes.day}`)
-              .at(2)
-              .simulate('click');
-          assert.strictEqual(
-              handleChange.callCount,
-              1,
-              'should have been called once handleChange',
-          );
-          assert.strictEqual(handleChange.args[0][0].getHours(), 6, 'should keep hours');
-          assert.strictEqual(handleChange.args[0][0].getMinutes(), 44, 'should keep minutes');
-      });
-       it('should mount with time and without default value', () => {
-          const handleChange = spy();
-          const wrapper = mount(
-              <HiDatePicker onChange={handleChange} showOverlay id="single-day" enableTime />,
-          );
-          assert.strictEqual(wrapper.find(TimePickerOverlay).length, 0);
-           wrapper.find('input').simulate('focus');
-           const day = wrapper.find(`div.${classes.day}`).at(8);
-          // Click on day
-          day.simulate('click');
-           assert.strictEqual(wrapper.find(TimePickerOverlay).length, 1);
-           assert.strictEqual(
-              handleChange.callCount,
-              1,
-              'should have been called once handleChange',
-          );
-          assert.strictEqual(handleChange.args[0][0].getHours(), 0, 'should set hours to 0');
-          assert.strictEqual(handleChange.args[0][0].getMinutes(), 0, 'should set minutes to 0');
-           // Clik on hour
-          wrapper
-              .find(TimePickerOverlay)
-              .find('ul')
-              .find('li')
-              .at(5)
-              .simulate('click');
-          assert.strictEqual(
-              handleChange.callCount,
-              2,
-              'should have been called twice handleChange',
-          );
-          assert.strictEqual(handleChange.args[1][0].getHours(), 5, 'should set hours to 5');
-           // Clik on minute
-          wrapper
-              .find(TimePickerOverlay)
-              .find('ul')
-              .at(1)
-              .find('li')
-              .at(37)
-              .simulate('click');
-          assert.strictEqual(
-              handleChange.callCount,
-              3,
-              'should have been called twice handleChange',
-          );
-          assert.strictEqual(
-              handleChange.args[2][0].getMinutes(),
-              37,
-              'should set minutes to 37',
-          );
-      });
-       it('should mount with disabled date', () => {
-          const handleChange = spy();
-          const wrapper = mount(
-              <HiDatePicker
-                  onChange={handleChange}
-                  showOverlay
-                  id="single-day"
-                  disablePastDays
-              />,
-          );
-           assert.strictEqual(wrapper.find(Paper).length, 0);
-          wrapper.find('input').simulate('focus');
-          assert.strictEqual(wrapper.find(Paper).length, 1);
-          assert.strictEqual(wrapper.find(Overlay).length, 1);
-          assert.strictEqual(wrapper.type(), HiDatePicker);
-           // Click to past month
-          wrapper
-              .find('button')
-              .at(0)
-              .simulate('click');
-           // Click to disabled day
-          wrapper
-              .find(Overlay)
-              .find('div.disabled')
-              .at(5)
-              .simulate('click');
-          assert.strictEqual(
-              handleChange.callCount,
-              0,
-              'should not have been called handleChange',
-          );
-      });
-  });
-  */
-});