Initial commit

public/assets/vendor/select2-4.1.0-rc.0/tests/results/a11y-tests.js

@@ -0,0 +1,25 @@
+module('Results - Accessibility');
+
+var $ = require('jquery');
+
+var Options = require('select2/options');
+
+var Results = require('select2/results');
+
+test('role of results should be a listbox', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $results = results.render();
+
+  assert.equal($results.attr('role'), 'listbox');
+});
+
+test('multiple select should have aria-multiselectable', function (assert) {
+  var results = new Results($('<select></select>'), new Options({
+    multiple: true
+  }));
+
+  var $results = results.render();
+
+  assert.equal($results.attr('aria-multiselectable'), 'true');
+});

public/assets/vendor/select2-4.1.0-rc.0/tests/results/focusing-tests.js

@@ -0,0 +1,351 @@
+module('Results - highlighting results');
+
+test('results:all with no data skips results:focus', function (assert) {
+  assert.expect(0);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+  var $parent = $('<div></div>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  $parent.appendTo($('#qunit-fixture'));
+  $select.appendTo($parent);
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+
+  var results = new Results($select, new Options({}));
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  results.render();
+
+  results.bind(container, $container);
+
+  results.on('results:focus', function (params) {
+    assert.ok(false, 'The results:focus event was triggered');
+  });
+
+  container.trigger('results:all', {
+    data: {
+      results: []
+    }
+  });
+});
+
+test('results:all triggers results:focus on the first item', function (assert) {
+  assert.expect(2);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+  var $parent = $('<div></div>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  $parent.appendTo($('#qunit-fixture'));
+  $select.appendTo($parent);
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+
+  var results = new Results($select, new Options({}));
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  results.render();
+
+  results.bind(container, $container);
+
+  results.on('results:focus', function (params) {
+    assert.equal(params.data.id, 'test');
+    assert.equal(params.data.text, 'Test');
+  });
+
+  container.trigger('results:all', {
+    data: {
+      results: [
+        {
+          id: 'test',
+          text: 'Test'
+        }
+      ]
+    }
+  });
+});
+
+test('results:append does not trigger results:focus', function (assert) {
+  assert.expect(0);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+  var $parent = $('<div></div>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  $parent.appendTo($('#qunit-fixture'));
+  $select.appendTo($parent);
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+
+  var results = new Results($select, new Options({}));
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  results.render();
+
+  results.bind(container, $container);
+
+  results.on('results:focus', function () {
+    assert.ok(false, 'The results:focus event was triggered');
+  });
+
+  container.trigger('results:append', {
+    data: {
+      results: [
+        {
+          id: 'test',
+          text: 'Test'
+        }
+      ]
+    }
+  });
+});
+
+test('scrollAfterSelect triggers results:focus', function (assert) {
+  assert.expect(3);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+  var $parent = $('<div></div>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  $parent.appendTo($('#qunit-fixture'));
+  $select.appendTo($parent);
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+
+  var options = new Options({ scrollAfterSelect: true });
+  var results = new Results($select, options);
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  results.render();
+
+  results.bind(container, $container);
+
+  // check that default for scrollAfterSelect is true
+  assert.equal(options.get('scrollAfterSelect'), true);
+
+  results.append({
+    results: [
+      {
+        id: 'test',
+        text: 'Test'
+      }
+    ]
+  });
+
+  results.on('results:focus', function (params) {
+    assert.equal(params.data.id, 'test');
+    assert.equal(params.data.text, 'Test');
+  });
+
+  container.trigger('select', {});
+});
+
+test('!scrollAfterSelect does not trigger results:focus', function (assert) {
+  assert.expect(1);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+  var $parent = $('<div></div>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  $parent.appendTo($('#qunit-fixture'));
+  $select.appendTo($parent);
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+
+  var options = new Options({ scrollAfterSelect: false });
+  var results = new Results($select, options);
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  results.render();
+
+  results.bind(container, $container);
+
+  // check that default for scrollAfterSelect is false
+  assert.equal(options.get('scrollAfterSelect'), false);
+
+  results.append({
+    results: [
+      {
+        id: 'test',
+        text: 'Test'
+      }
+    ]
+  });
+
+  results.on('results:focus', function () {
+    assert.ok(false, 'The results:focus event was triggered');
+  });
+
+  container.trigger('select', {});
+});
+
+test('tag result is highlighted with no other selections', function (assert) {
+  assert.expect(2);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+  var $parent = $('<div></div>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  $parent.appendTo($('#qunit-fixture'));
+  $select.appendTo($parent);
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+  var Tags = require('select2/dropdown/tagsSearchHighlight');
+  var TagResults = Utils.Decorate(Results, Tags);
+
+  var results = new TagResults($select, new Options({}));
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([]);
+  };
+
+  results.render();
+
+  results.bind(container, $container);
+
+  results.on('results:focus', function (params) {
+    assert.equal(params.data.id, 'tag');
+    assert.equal(params.data.text, 'Tag');
+  });
+
+  var tagElement = $('<option data-select2-tag="true"></option>')[0];
+
+  container.trigger('results:all', {
+    data: {
+      results: [
+        {
+          id: 'tag',
+          text: 'Tag',
+          element: tagElement
+        }
+      ]
+    }
+  });
+});
+
+test('tag result is highlighted with other selections', function (assert) {
+  assert.expect(2);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+  var $parent = $('<div></div>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  $parent.appendTo($('#qunit-fixture'));
+  $select.appendTo($parent);
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+  var Tags = require('select2/dropdown/tagsSearchHighlight');
+  var TagResults = Utils.Decorate(Results, Tags);
+
+  var results = new TagResults($select, new Options({}));
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  results.render();
+
+  results.bind(container, $container);
+
+  results.on('results:focus', function (params) {
+    assert.equal(params.data.id, 'tag');
+    assert.equal(params.data.text, 'Tag');
+  });
+
+  var tagElement = $('<option data-select2-tag="true"></option>')[0];
+
+  container.trigger('results:all', {
+    data: {
+      results: [
+        {
+          id: 'tag',
+          text: 'Tag',
+          element: tagElement
+        },
+        {
+          id: 'test',
+          text: 'Test'
+        }
+      ]
+    }
+  });
+});

public/assets/vendor/select2-4.1.0-rc.0/tests/results/infiniteScroll-tests.js

@@ -0,0 +1,126 @@
+module('Results - Infinite scrolling');
+
+test('loadingMore is triggered even without a scrollbar', function (assert) {
+  assert.expect(1);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+  var InfiniteScroll = require('select2/dropdown/infiniteScroll');
+
+  var InfiniteScrollResults = Utils.Decorate(Results, InfiniteScroll);
+
+  var results = new InfiniteScrollResults($select, new Options({}));
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  $('#qunit-fixture').append(results.render());
+
+  results.bind(container, $container);
+
+  results.on('query:append', function () {
+    assert.ok(true, 'It tried to load more immediately');
+  });
+
+  container.trigger('results:all', {
+    data: {
+      results: [
+        {
+          id: 'test',
+          text: 'Test'
+        }
+      ],
+      pagination: {
+        more: true
+      }
+    }
+  });
+});
+
+test('loadingMore is not triggered without scrolling', function (assert) {
+  assert.expect(0);
+
+  var $ = require('jquery');
+
+  var $select = $('<select></select>');
+
+  var $container = $('<span></span>');
+  var container = new MockContainer();
+
+  var Utils = require('select2/utils');
+  var Options = require('select2/options');
+
+  var Results = require('select2/results');
+  var InfiniteScroll = require('select2/dropdown/infiniteScroll');
+
+  var InfiniteScrollResults = Utils.Decorate(Results, InfiniteScroll);
+
+  var results = new InfiniteScrollResults($select, new Options({}));
+
+  // Fake the data adapter for the `setClasses` method
+  results.data = {};
+  results.data.current = function (callback) {
+    callback([{ id: 'test' }]);
+  };
+
+  var $results = results.render();
+
+  $('#qunit-fixture').append($results);
+  $results.css('max-height', '100px');
+
+  results.bind(container, $container);
+
+  results.on('query:append', function () {
+    assert.ok(false, 'It tried to load more immediately');
+  });
+
+  container.trigger('results:all', {
+    data: {
+      results: [
+        {
+          id: 'test',
+          text: 'Test'
+        },
+        {
+          id: 'test',
+          text: 'Test'
+        },
+        {
+          id: 'test',
+          text: 'Test'
+        },
+        {
+          id: 'test',
+          text: 'Test'
+        },
+        {
+          id: 'test',
+          text: 'Test'
+        },
+        {
+          id: 'test',
+          text: 'Test'
+        },
+        {
+          id: 'test',
+          text: 'Test'
+        }
+      ],
+      pagination: {
+        more: true
+      }
+    }
+  });
+});

public/assets/vendor/select2-4.1.0-rc.0/tests/results/option-tests.js

@@ -0,0 +1,116 @@
+module('Results - option');
+
+var $ = require('jquery');
+
+var Options = require('select2/options');
+
+var Results = require('select2/results');
+
+test('disabled property on option is respected - enabled', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<option></option>');
+  var option = results.option({
+    element: $option[0]
+  });
+
+  assert.notEqual(option.getAttribute('aria-disabled'), 'true');
+});
+
+test('disabled property on option is respected - disabled', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<option disabled></option>');
+  var option = results.option({
+    element: $option[0]
+  });
+
+  assert.equal(option.getAttribute('aria-disabled'), 'true');
+});
+
+test('disabled property on enabled optgroup is respected', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<optgroup></optgroup>');
+  var option = results.option({
+    element: $option[0]
+  });
+
+  assert.notEqual(option.getAttribute('aria-disabled'), 'true');
+});
+
+test('disabled property on disabled optgroup is respected', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<optgroup disabled></optgroup>');
+  var option = results.option({
+    element: $option[0]
+  });
+
+  assert.equal(option.getAttribute('aria-disabled'), 'true');
+});
+
+test('option in disabled optgroup is disabled', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<optgroup disabled><option></option></optgroup>')
+    .find('option');
+  var option = results.option({
+    element: $option[0]
+  });
+
+  assert.equal(option.getAttribute('aria-disabled'), 'true');
+});
+
+test('options are not selected by default', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<option></option>');
+  var option = results.option({
+    id: 'test',
+    element: $option[0]
+  });
+
+  assert.notOk(option.classList.contains('select2-results__option--selected'));
+});
+
+test('options with children are given the group role', function(assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<optgroup></optgroup>');
+  var option = results.option({
+    children: [{
+      id: 'test'
+    }],
+    element: $option[0]
+  });
+
+  assert.equal(option.getAttribute('role'), 'group');
+});
+
+test('options with children have the aria-label set', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<optgroup></optgroup>');
+  var option = results.option({
+    children: [{
+      id: 'test'
+    }],
+    element: $option[0],
+    text: 'test'
+  });
+
+  assert.equal(option.getAttribute('aria-label'), 'test');
+});
+
+test('non-group options are given the option role', function (assert) {
+  var results = new Results($('<select></select>'), new Options({}));
+
+  var $option = $('<option></option>');
+  var option = results.option({
+    id: 'test',
+    element: $option[0]
+  });
+
+  assert.equal(option.getAttribute('role'), 'option');
+});