short-url/public/vendor/seiyria-bootstrap-slider/test/specs/AriaValueTextFormatterSpec.js

115 lines
4.3 KiB
JavaScript
Raw Normal View History

2020-07-01 08:57:45 +00:00
describe("Aria-valuetext Tests", function() {
it("Sets the aria-valuetext to 'formatter' value", function() {
var textValArrayA = new Array('Monday','Wednesday','Friday');
var tooltipFormatterA = function(value) {
var arrActiveValueA = value;
return textValArrayA[arrActiveValueA-1];
};
//Formatter is used
var testSliderA = $("#accessibilitySliderA").slider({
formatter : tooltipFormatterA
});
testSliderA.slider('setValue', 2);
var tooltipMessageA = $("#accessibilitySliderA").prev(".slider").children(".min-slider-handle").attr("aria-valuetext");
var expectedMessageA = tooltipFormatterA(2);
expect(tooltipMessageA).toBe(expectedMessageA);
$("#accessibilitySliderA").slider('destroy');
});
it("Does not use aria-valuetext if 'formatter' is not used", function() {
//Formatter is not used
var testSliderB = $("#accessibilitySliderB").slider({});
testSliderB.slider('setValue', 1);
var ariaValueTextB = $("#accessibilitySliderB").prev(".slider").children(".min-slider-handle").attr("aria-valuetext");
expect(ariaValueTextB).not.toBeDefined();
$("#accessibilitySliderB").slider('destroy');
});
it("aria-valuetext if 'formatter' is used and has min & max value", function() {
var textValArrayC = new Array('Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday');
var tooltipFormatterC = function(value) {
if(value[1]){
var arrActiveValueC0 = value[0];
var arrActiveValueC1 = value[1];
return [ textValArrayC[arrActiveValueC0-1], textValArrayC[arrActiveValueC1-1] ];
} else {
var arrActiveValueC = value;
return textValArrayC[arrActiveValueC-1];
}
};
//Formatter is used for ranges
var testSliderC = $("#accessibilitySliderC").slider({
range: true,
formatter : tooltipFormatterC
});
var valuesToSet = [2,4];
testSliderC.slider('setValue', valuesToSet);
var expectedMessageC = tooltipFormatterC([2,4]);
var ttminMessage = $("#accessibilitySliderC").prev(".slider").children(".min-slider-handle").attr("aria-valuetext");
var ttmaxMessage = $("#accessibilitySliderC").prev(".slider").children(".max-slider-handle").attr("aria-valuetext");
expect(ttminMessage).toBe(expectedMessageC[0]);
expect(ttmaxMessage).toBe(expectedMessageC[1]);
$('#accessibilitySliderC').slider('destroy');
});
describe("Unset 'aria-valuetext' attribute when value can be represented as a number", function() {
var $testSliderC;
var dayOfWeek;
var dayFormatter = function(value) {
if (value[1]) {
return [ dayOfWeek[value[0]-1], dayOfWeek[value[1]-1] ];
}
return dayOfWeek[value-1];
};
beforeEach(function() {
dayOfWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
$testSliderC = $('#accessibilitySliderC').slider({
id: 'testAccessbilitySlider',
min: 1,
max: 7,
formatter : dayFormatter
});
});
afterEach(function() {
if ($testSliderC) {
$testSliderC.slider('destroy');
}
});
it("Should unset 'aria-valuetext' attribute", function() {
dayOfWeek[0] = '1';
var valueToSet = 1;
$testSliderC.slider('setValue', valueToSet);
var ariaValueText = $('#testAccessbilitySlider').find('.min-slider-handle')[0].getAttribute('aria-valuetext');
expect(ariaValueText).toBeNull();
});
it("Should unset 'aria-valuetext' attributes for range sliders", function() {
dayOfWeek[0] = '1';
dayOfWeek[6] = '7';
$testSliderC.slider('setAttribute', 'range', true);
$testSliderC.slider('refresh');
var valuesToSet = [1, 7];
$testSliderC.slider('setValue', valuesToSet);
var ariaValueText1 = $('#testAccessbilitySlider').find('.min-slider-handle')[0].getAttribute('aria-valuetext');
var ariaValueText2 = $('#testAccessbilitySlider').find('.max-slider-handle')[0].getAttribute('aria-valuetext');
expect(ariaValueText1).toBeNull();
expect(ariaValueText2).toBeNull();
});
});
});