Add onSubtractTime and onAddTime hooks (#508)

Daan De Deckere

2018-02-12 d40f6d89bf9084e5d03df1aeea8bffd67662f0c0

 test/tests.spec.js

@@ -374,8 +374,8 @@
         expect(utils.isTimeView(component)).toBeTruthy();
      });

      xit('className -> type string', () => {
         const component = utils.createDatetime({ className: 'custom-class' });
      it('className -> type string', () => {
         const component = utils.createDatetimeShallow({ className: 'custom-class' });
         expect(component.find('.custom-class').length).toEqual(1);
      });

@@ -520,6 +520,30 @@
         expect(utils.isOpen(component)).toBeTruthy();
         component.find('.form-control').simulate('keyDown', { key: 'Tab', keyCode: 9, which: 9 });
         expect(utils.isOpen(component)).toBeTruthy();
      });

      it('disableOnClickOutside=true', () => {
         const date = new Date(2000, 0, 15, 2, 2, 2, 2),
            component = utils.createDatetime({ value: date, disableOnClickOutside: true });

         expect(utils.isOpen(component)).toBeFalsy();
         utils.openDatepicker(component);
         expect(utils.isOpen(component)).toBeTruthy();
         document.dispatchEvent(new Event('mousedown'));
         component.update();
         expect(utils.isOpen(component)).toBeTruthy();
      });

    it('disableOnClickOutside=false', () => {
         const date = new Date(2000, 0, 15, 2, 2, 2, 2),
            component = utils.createDatetime({ value: date, disableOnClickOutside: false });

         expect(utils.isOpen(component)).toBeFalsy();
         utils.openDatepicker(component);
         expect(utils.isOpen(component)).toBeTruthy();
         document.dispatchEvent(new Event('mousedown'));
         component.update();
         expect(utils.isOpen(component)).toBeFalsy();
      });

      it('increase time', () => {
@@ -1041,6 +1065,7 @@
            expect(onChangeFn.mock.calls[0][0].toJSON()).toEqual('2000-03-15T02:02:02.002Z');
         });

         // Passes locally but not on Travis
         xit('when selecting year', () => {
            const date = Date.UTC(2000, 0, 15, 2, 2, 2, 2),
               onChangeFn = jest.fn(),
@@ -1062,6 +1087,64 @@

   });

   describe('onNavigateForward', () => {
      it('when moving to next month', () => {
         const component = utils.createDatetime({ onNavigateForward: (amount, type) => {
            expect(amount).toEqual(1);
            expect(type).toEqual('months');
         }});

         utils.clickOnElement(component.find('.rdtNext'));
      });

      it('when moving to next year', () => {
         const component = utils.createDatetime({ viewMode: 'months', onNavigateForward: (amount, type) => {
            expect(amount).toEqual(1);
            expect(type).toEqual('years');
         }});

         utils.clickOnElement(component.find('.rdtNext'));
      });

      it('when moving decade forward', () => {
         const component = utils.createDatetime({ viewMode: 'years', onNavigateForward: (amount, type) => {
            expect(amount).toEqual(10);
            expect(type).toEqual('years');
         }});

         utils.clickOnElement(component.find('.rdtNext'));
      });
   });

   describe('onNavigateBack', () => {
      it('when moving to previous month', () => {
         const component = utils.createDatetime({ onNavigateBack: (amount, type) => {
            expect(amount).toEqual(1);
            expect(type).toEqual('months');
         }});

         utils.clickOnElement(component.find('.rdtPrev'));
      });

      it('when moving to previous year', () => {
         const component = utils.createDatetime({ viewMode: 'months', onNavigateBack: (amount, type) => {
            expect(amount).toEqual(1);
            expect(type).toEqual('years');
         }});

         utils.clickOnElement(component.find('.rdtPrev'));
      });

      it('when moving decade back', () => {
         const component = utils.createDatetime({ viewMode: 'years', onNavigateBack: (amount, type) => {
            expect(amount).toEqual(10);
            expect(type).toEqual('years');
         }});

         utils.clickOnElement(component.find('.rdtPrev'));
      });
   });

   describe('with set value', () => {
      it('date value', () => {
         const date = new Date(2000, 0, 15, 2, 2, 2, 2),