first mockup in go

static/bower_components/seiyria-bootstrap-slider/test/specs/ResizeSpec.js

@@ -0,0 +1,70 @@
+describe("Resize Tests", function() {
+  var testSlider, dataSlider;
+
+  afterEach(function() {
+    if(testSlider) {
+      testSlider.slider('destroy');
+      testSlider = null;
+      dataSlider = null;
+    }
+  });
+
+  describe("Tick Labels", function() {
+
+    var $el, options;
+
+    beforeEach(function() {
+      var tick = [0, 100, 200, 300, 400];
+      options = {
+          ticks: tick,
+          ticks_labels: ['$0', '$100', '$200', '$300', '$400']
+      };
+    });
+
+    it("should resize the tick labels when horizontal", function() {
+
+      $el = $("#resizeSlider");
+      testSlider = $el.slider(options);
+      dataSlider = testSlider.data('slider');
+
+      $('.slider').width(210);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').width()).toBe(53);
+
+      $('.slider').width(120);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').width()).toBe(30);
+
+      $('.slider').width(900);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(1)').width()).toBe(225);
+
+      $('.slider').width(210);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').width()).toBe(53);
+    });
+
+    it('should resize the tick labels when vertical', function() {
+
+      var $el = $("#resizeSliderVertical");
+      testSlider = $el.slider(options);
+      dataSlider = testSlider.data('slider');
+
+      $('.slider').height(210);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').height()).toBe(53);
+
+      $('.slider').height(120);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').height()).toBe(30);
+
+      $('.slider').height(900);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(1)').height()).toBe(225);
+
+      $('.slider').height(210);
+      dataSlider._resize();
+      expect($el.siblings('div.slider').find('.slider-tick-label:eq(0)').height()).toBe(53);
+    });
+  });
+}); // End of spec