react-daterange-picker-onedesert/src/utils/tests/hasUpdatedValue.spec.js

A React based date range picker

import moment from 'moment';
import {} from 'moment-range';
import hasUpdatedValue from '../hasUpdatedValue';

describe('#hasUpdatedValue', function () {
  const today = () => moment("2014-06-01T12:00:00Z");

  describe('When the initial value is undefined', function () {
    beforeEach(function () {
      this.previousProps = {
        value: undefined,
      };
    });

    describe('and the next value is a moment date', function () {
      beforeEach(function () {
        const nextProps = {
          value: today(),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the next value is a moment range', function () {
      beforeEach(function () {
        const nextProps = {
          value: moment.range(today(), today().add(2, 'days')),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the next value is also undefined', function () {
      beforeEach(function () {
        const nextProps = {
          value: undefined,
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns false', function () {
        expect(this.result).toBe(false);
      });
    });
  });

  describe('When the initial value is a moment date', function () {
    beforeEach(function () {
      this.previousProps = {
        value: today(),
      };
    });

    describe('and the next value is undefined', function () {
      beforeEach(function () {
        const nextProps = {
          value: undefined,
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the next value is a different day', function () {
      beforeEach(function () {
        const nextProps = {
          value: today().add(1, 'day'),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the next value is a moment range', function () {
      beforeEach(function () {
        const nextProps = {
          value: moment.range(today(), today().add(2, 'days')),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the next value is the same day, but a different moment instance', function () {
      beforeEach(function () {
        const nextProps = {
          value: today().clone(),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns false', function () {
        expect(this.result).toBe(false);
      });
    });
  });

  describe('When the initial value is a moment range', function () {
    beforeEach(function () {
      this.previousProps = {
        value: moment.range(today(), today().add(2, 'days')),
      };
    });

    describe('and the next value is undefined', function () {
      beforeEach(function () {
        const nextProps = {
          value: undefined,
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the next value is a moment value', function () {
      beforeEach(function () {
        const nextProps = {
          value: today(),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the next value is a moment range', function () {
      beforeEach(function () {
        const nextProps = {
          value: moment.range(today(), today().add(1, 'days')),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns true', function () {
        expect(this.result).toBe(true);
      });
    });

    describe('and the range is the same, but a different moment instance', function () {
      beforeEach(function () {
        const nextProps = {
          value: moment.range(today(), today().add(2, 'days')),
        };

        this.result = hasUpdatedValue(this.previousProps, nextProps);
      });

      it('returns false', function () {
        expect(this.result).toBe(false);
      });
    });
  });
});