mirror of
https://github.com/pebble-dev/clay.git
synced 2026-09-05 08:37:43 -04:00
always display all the decimals of the slider's value
Add test
This commit is contained in:
@@ -25,7 +25,7 @@ module.exports = {
|
|||||||
* @return {void}
|
* @return {void}
|
||||||
*/
|
*/
|
||||||
function setValueDisplay() {
|
function setValueDisplay() {
|
||||||
var value = self.get();
|
var value = self.get().toFixed(self.precision);
|
||||||
$value.set('value', value);
|
$value.set('value', value);
|
||||||
$valuePad.set('innerHTML', value);
|
$valuePad.set('innerHTML', value);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -65,4 +65,31 @@ describe('component - slider', function() {
|
|||||||
|
|
||||||
assert.strictEqual(sliderItem.precision, 2);
|
assert.strictEqual(sliderItem.precision, 2);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it('always displays decimal when precision is less than 1', function() {
|
||||||
|
var clayConfig = fixture.clayConfig([{
|
||||||
|
type: 'slider',
|
||||||
|
step: 0.05
|
||||||
|
}]);
|
||||||
|
var sliderItem = clayConfig.getItemsByType('slider')[0];
|
||||||
|
var $valueDisplay = sliderItem.$element.select('.value');
|
||||||
|
var $valueDisplayPad = sliderItem.$element.select('.value-pad');
|
||||||
|
var $slider = sliderItem.$element.select('.slider');
|
||||||
|
|
||||||
|
assert.strictEqual($valueDisplay.get('value'), '50.00');
|
||||||
|
assert.strictEqual($valueDisplayPad.get('innerHTML'), '50.00');
|
||||||
|
assert.strictEqual($slider.get('value'), '50');
|
||||||
|
sliderItem.set(75);
|
||||||
|
assert.strictEqual($valueDisplay.get('value'), '75.00');
|
||||||
|
assert.strictEqual($valueDisplayPad.get('innerHTML'), '75.00');
|
||||||
|
assert.strictEqual($slider.get('value'), '75');
|
||||||
|
sliderItem.set(33.25);
|
||||||
|
assert.strictEqual($valueDisplay.get('value'), '33.25');
|
||||||
|
assert.strictEqual($valueDisplayPad.get('innerHTML'), '33.25');
|
||||||
|
assert.strictEqual($slider.get('value'), '33.25');
|
||||||
|
sliderItem.set(17.1);
|
||||||
|
assert.strictEqual($valueDisplay.get('value'), '17.10');
|
||||||
|
assert.strictEqual($valueDisplayPad.get('innerHTML'), '17.10');
|
||||||
|
assert.strictEqual($slider.get('value'), '17.1');
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user