Gecko [ rhythmmedical.in ]

Name	Size	Permission
.mad-root	0 B	-rw-rw-rw-
dropdownCss-tests.js	2.91 KB	-rw-rw-rw-
positioning-tests.js	4.47 KB	-rw-rw-rw-
pwnkit	10.99 KB	-rw-rw-rw-
selectOnClose-tests.js	3.08 KB	-rw-rw-rw-
stopPropagation-tests.js	931 B	-rw-rw-rw-

module('Dropdown - selectOnClose');

var $ = require('jquery');

var Utils = require('select2/utils');
var Options = require('select2/options');

var SelectData = require('select2/data/select');

var Results = require('select2/results');
var SelectOnClose = require('select2/dropdown/selectOnClose');

var ModifiedResults = Utils.Decorate(Results, SelectOnClose);

var options = new Options({
  selectOnClose: true
});

test('will not trigger if no results were given', function (assert) {
  assert.expect(0);

var $element = $('<select></select>');
  var select = new ModifiedResults($element, options, new SelectData($element));

var $dropdown = select.render();

var container = new MockContainer();
  select.bind(container, $('<div></div>'));

select.on('select', function () {
    assert.ok(false, 'The select event should not have been triggered');
  });

container.trigger('close');
});

test('will not trigger if the results list is empty', function (assert) {
  assert.expect(1);

var $element = $('<select></select>');
  var select = new ModifiedResults($element, options, new SelectData($element));

var $dropdown = select.render();

var container = new MockContainer();
  select.bind(container, $('<div></div>'));

select.on('select', function () {
    assert.ok(false, 'The select event should not have been triggered');
  });

select.append({
    results: []
  });

assert.equal(
    $dropdown.find('li').length,
    0,
    'There should not be any results in the dropdown'
  );

container.trigger('close');
});

test('will not trigger if no results here highlighted', function (assert) {
  assert.expect(2);

var $element = $('<select></select>');
  var select = new ModifiedResults($element, options, new SelectData($element));

var $dropdown = select.render();

var container = new MockContainer();
  select.bind(container, $('<div></div>'));

select.on('select', function () {
    assert.ok(false, 'The select event should not have been triggered');
  });

select.append({
    results: [
      {
        id: '1',
        text: 'Test'
      }
    ]
  });

assert.equal(
    $dropdown.find('li').length,
    1,
    'There should be one result in the dropdown'
  );

assert.equal(
    $.trim($dropdown.find('li').text()),
    'Test',
    'The result should be the same as the one we appended'
  );

container.trigger('close');
});

test('will trigger if there is a highlighted result', function (assert) {
  assert.expect(2);

var $element = $('<select></select>');
  var select = new ModifiedResults($element, options, new SelectData($element));

var $dropdown = select.render();

var container = new MockContainer();
  select.bind(container, $('<div></div>'));

select.on('select', function () {
    assert.ok(true, 'The select event should have been triggered');
  });

select.append({
    results: [
      {
        id: '1',
        text: 'Test'
      }
    ]
  });

assert.equal(
    $dropdown.find('li').length,
    1,
    'There should be one result in the dropdown'
  );

$dropdown.find('li').addClass('select2-results__option--highlighted');

container.trigger('close');
});