PHP Classes

File: vendors/gentelella/vendors/select2/tests/a11y/selection-tests.js

Recommend this page to a friend!
  Classes of Jorge Castro   Gentelella BladeOne   vendors/gentelella/vendors/select2/tests/a11y/selection-tests.js   Download  
File: vendors/gentelella/vendors/select2/tests/a11y/selection-tests.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Gentelella BladeOne
Render templates using Bootstrap for presentation
Author: By
Last change:
Date: 3 years ago
Size: 3,867 bytes
 

Contents

Class file image Download
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');