angularjs-slider/tests/specs/mouse-controls/minMaxRange-range-slider-horizontal-test.js

AngularJS slider directive with no external dependencies. Mobile friendly!.

;(function() {
  'use strict'

  describe('Mouse controls - minRange!=0 Range Horizontal', function() {
    var helper, RzSliderOptions, $rootScope, $timeout

    beforeEach(module('test-helper'))

    beforeEach(inject(function(
      TestHelper,
      _RzSliderOptions_,
      _$rootScope_,
      _$timeout_
    ) {
      helper = TestHelper
      RzSliderOptions = _RzSliderOptions_
      $rootScope = _$rootScope_
      $timeout = _$timeout_
    }))

    afterEach(function() {
      helper.clean()
    })

    beforeEach(function() {
      var sliderConf = {
        min: 45,
        max: 55,
        options: {
          floor: 0,
          ceil: 100,
          minRange: 10,
        },
      }
      helper.createRangeSlider(sliderConf)
    })
    afterEach(function() {
      // to clean document listener
      helper.fireMouseup()
    })

    it('should not modify any value if new range would be smaller than minRange when moving minH', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 50
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(45)
    })

    it('should not modify any value if new range would be smaller than minRange when moving maxH', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 50
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.max).to.equal(55)
    })

    it('should modify the min value if new range is larger than minRange when moving minH', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 30
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(expectedValue)
    })

    it('should modify the max value if new range is larger than than minRange when moving maxH', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 70
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.max).to.equal(expectedValue)
    })

    it('should modify the min value if switch min/max with a value large enough', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 80
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(55)
      expect(helper.scope.slider.max).to.equal(expectedValue)
    })

    it('should modify the max value if switch min/max with a value large enough', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 20
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(expectedValue)
      expect(helper.scope.slider.max).to.equal(45)
    })
  })

  describe('Mouse controls - maxRange!=0 Range Horizontal', function() {
    var helper, RzSliderOptions, $rootScope, $timeout

    beforeEach(module('test-helper'))

    beforeEach(inject(function(
      TestHelper,
      _RzSliderOptions_,
      _$rootScope_,
      _$timeout_
    ) {
      helper = TestHelper
      RzSliderOptions = _RzSliderOptions_
      $rootScope = _$rootScope_
      $timeout = _$timeout_
    }))

    afterEach(function() {
      helper.clean()
    })

    beforeEach(function() {
      var sliderConf = {
        min: 45,
        max: 55,
        options: {
          floor: 0,
          ceil: 100,
          maxRange: 10,
        },
      }
      helper.createRangeSlider(sliderConf)
    })
    afterEach(function() {
      // to clean document listener
      helper.fireMouseup()
    })

    it('should not modify any value if new range would be larger than maxRange when moving minH', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 30
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(45)
    })

    it('should not modify any value if new range would be larger than maxRange when moving maxH', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 70
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.max).to.equal(55)
    })

    it('should modify the min value if new range is smaller than maxRange when moving minH', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 50
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(expectedValue)
    })

    it('should modify the max value if new range is smaller than than maxRange when moving maxH', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 50
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.max).to.equal(expectedValue)
    })
  })

  describe('Right to left Mouse controls - minRange!=0 Range Horizontal', function() {
    var helper, RzSliderOptions, $rootScope, $timeout

    beforeEach(module('test-helper'))

    beforeEach(inject(function(
      TestHelper,
      _RzSliderOptions_,
      _$rootScope_,
      _$timeout_
    ) {
      helper = TestHelper
      RzSliderOptions = _RzSliderOptions_
      $rootScope = _$rootScope_
      $timeout = _$timeout_
    }))

    afterEach(function() {
      helper.clean()
    })

    beforeEach(function() {
      var sliderConf = {
        min: 45,
        max: 55,
        options: {
          floor: 0,
          ceil: 100,
          minRange: 10,
          rightToLeft: true,
        },
      }
      helper.createRangeSlider(sliderConf)
    })
    afterEach(function() {
      // to clean document listener
      helper.fireMouseup()
    })

    it('should not modify any value if new range would be smaller than minRange when moving minH', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 50
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(45)
    })

    it('should not modify any value if new range would be smaller than minRange when moving maxH', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 50
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.max).to.equal(55)
    })

    it('should modify the min value if new range is larger than minRange when moving minH', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 30
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(expectedValue)
    })

    it('should modify the max value if new range is larger than than minRange when moving maxH', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 70
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.max).to.equal(expectedValue)
    })

    it('should modify the min value if switch min/max with a value large enough', function() {
      helper.fireMousedown(helper.slider.minH, 0)
      var expectedValue = 80
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(55)
      expect(helper.scope.slider.max).to.equal(expectedValue)
    })

    it('should modify the max value if switch min/max with a value large enough', function() {
      helper.fireMousedown(helper.slider.maxH, 0)
      var expectedValue = 20
      helper.moveMouseToValue(expectedValue)
      expect(helper.scope.slider.min).to.equal(expectedValue)
      expect(helper.scope.slider.max).to.equal(45)
    })
  })
})()