goog.provide('ol.test.control.ZoomSlider');

describe('ol.control.ZoomSlider', function() {
  var map, zoomslider;

  beforeEach(function() {
    map = new ol.Map({
      target: document.getElementById('map')
    });
    zoomslider = new ol.control.ZoomSlider({
      minResolution: 5000,
      maxResolution: 100000,
      map: map
    });
  });

  afterEach(function() {
    zoomslider.dispose();
    map.dispose();
  });

  describe('configuration & defaults', function() {

    it('has valid defaults for min and maxresolution', function() {
      var expectedMin = 0.5971642833948135,
          expectedMax = 156543.0339,
          expectedRange = expectedMax - expectedMin;
      expect(function() {
        zoomslider = new ol.control.ZoomSlider({});
      }).not.to.throwException();
      expect(zoomslider.minResolution_).to.be(expectedMin);
      expect(zoomslider.maxResolution_).to.be(expectedMax);
      expect(zoomslider.range_).to.be(expectedRange);
    });

    it('throws exception when configured with wrong resolutions', function() {
      expect(function() {
        zoomslider = new ol.control.ZoomSlider({
          minResolution: 50,
          maxResolution: 0
        });
      }).to.throwException();
    });

    it('can be configured with valid resolutions', function() {
      expect(function() {
        zoomslider = new ol.control.ZoomSlider({
          minResolution: 790,
          maxResolution: 91000
        });
      }).not.to.throwException();
      expect(zoomslider.minResolution_).to.be(790);
      expect(zoomslider.maxResolution_).to.be(91000);
      expect(zoomslider.range_).to.be(90210);
    });
  });

  describe('DOM creation', function() {
    it('creates the expected DOM elements', function() {
      var zoomSliderContainers = goog.dom.getElementsByClass('ol-zoomslider'),
          zoomSliderContainer,
          zoomSliderThumbs,
          zoomSliderThumb,
          hasUnselectableCls;

      expect(zoomSliderContainers.length).to.be(1);

      zoomSliderContainer = zoomSliderContainers[0];
      expect(zoomSliderContainer instanceof HTMLDivElement).to.be(true);

      hasUnselectableCls = goog.dom.classes.has(zoomSliderContainer,
          'ol-unselectable');
      expect(hasUnselectableCls).to.be(true);

      zoomSliderThumbs = goog.dom.getElementsByClass('ol-zoomslider-thumb',
          zoomSliderContainer);
      expect(zoomSliderThumbs.length).to.be(1);

      zoomSliderThumb = zoomSliderThumbs[0];
      expect(zoomSliderThumb instanceof HTMLDivElement).to.be(true);

      hasUnselectableCls = goog.dom.classes.has(zoomSliderThumb,
          'ol-unselectable');
      expect(hasUnselectableCls).to.be(true);
    });

  });

  describe('dragger setup', function() {
    it('creates a goog.fx.Dragger', function() {
      expect(zoomslider.dragger_ instanceof goog.fx.Dragger).to.be(true);
      expect(zoomslider.dragger_.limits instanceof goog.math.Rect).to.be(true);
      expect(zoomslider.direction_).to.be(1);  // vertical
    });
  });

});

goog.require('goog.dom');
goog.require('goog.dom.classes');
goog.require('goog.fx.Dragger');
goog.require('goog.math.Rect');
goog.require('goog.style');
goog.require('ol.Map');
goog.require('ol.control.ZoomSlider');