%PDF- %PDF-
Direktori : /home/medipszd/www/bower_components/select2/tests/a11y/ |
Current File : /home/medipszd/www/bower_components/select2/tests/a11y/selection-tests.js |
module('Accessibility - All'); var BaseSelection = require('select2/selection/base'); var SingleSelection = require('select2/selection/single'); var MultipleSelection = require('select2/selection/multiple'); var $ = require('jquery'); var Options = require('select2/options'); var options = new Options({}); test('title is carried over from original element', function (assert) { var $select = $('#qunit-fixture .single'); var selection = new BaseSelection($select, options); var $selection = selection.render(); assert.equal( $selection.attr('title'), $select.attr('title'), 'The title should have been copied over from the original element' ); }); test('aria-expanded reflects the state of the container', function (assert) { var $select = $('#qunit-fixture .single'); var selection = new BaseSelection($select, options); var $selection = selection.render(); var container = new MockContainer(); selection.bind(container, $('<span></span>')); assert.equal( $selection.attr('aria-expanded'), 'false', 'The container should not be expanded when it is closed' ); container.trigger('open'); assert.equal( $selection.attr('aria-expanded'), 'true', 'The container should be expanded when it is opened' ); }); test('static aria attributes are present', function (assert) { var $select = $('#qunit-fixture .single'); var selection = new BaseSelection($select, options); var $selection = selection.render(); assert.equal( $selection.attr('role'), 'combobox', 'The container should identify as a combobox' ); assert.equal( $selection.attr('aria-haspopup'), 'true', 'The dropdown is considered a popup of the container' ); }); test('the container should be in the tab order', function (assert) { var $select = $('#qunit-fixture .single'); var selection = new BaseSelection($select, options); var $selection = selection.render(); var container = new MockContainer(); selection.bind(container, $('<span></span>')); assert.equal( $selection.attr('tabindex'), '0', 'The tab index should allow it to fit in the natural tab order' ); container.trigger('disable'); assert.equal( $selection.attr('tabindex'), '-1', 'The selection should be dropped out of the tab order when disabled' ); container.trigger('enable'); assert.equal( $selection.attr('tabindex'), '0', 'The tab index should be restored when re-enabled' ); }); test('a custom tabindex is copied', function (assert) { var $select = $('#qunit-fixture .single'); $select.attr('tabindex', '999'); var selection = new BaseSelection($select, options); var $selection = selection.render(); var container = new MockContainer(); selection.bind(container, $('<span></span>')); assert.equal( $selection.attr('tabindex'), '999', 'The tab index should match the original tab index' ); container.trigger('disable'); assert.equal( $selection.attr('tabindex'), '-1', 'The selection should be dropped out of the tab order when disabled' ); container.trigger('enable'); assert.equal( $selection.attr('tabindex'), '999', 'The tab index should be restored when re-enabled' ); }); module('Accessibility - Single'); test('aria-labelledby should match the rendered container', function (assert) { var $select = $('#qunit-fixture .single'); var selection = new SingleSelection($select, options); var $selection = selection.render(); var container = new MockContainer(); selection.bind(container, $('<span></span>')); var $rendered = $selection.find('.select2-selection__rendered'); assert.equal( $selection.attr('aria-labelledby'), $rendered.attr('id'), 'The rendered selection should label the container' ); }); module('Accessibility - Multiple');