diff options
Diffstat (limited to 'public/bower_components/select2/tests/a11y/selection-tests.js')
-rw-r--r-- | public/bower_components/select2/tests/a11y/selection-tests.js | 154 |
1 files changed, 154 insertions, 0 deletions
diff --git a/public/bower_components/select2/tests/a11y/selection-tests.js b/public/bower_components/select2/tests/a11y/selection-tests.js new file mode 100644 index 0000000..e2c1460 --- /dev/null +++ b/public/bower_components/select2/tests/a11y/selection-tests.js @@ -0,0 +1,154 @@ +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'); |