mirror of
				https://gitlab.crans.org/bde/nk20
				synced 2025-11-04 09:12:11 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			251 lines
		
	
	
		
			5.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			251 lines
		
	
	
		
			5.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
module('Options - Deprecated - initSelection');
 | 
						|
 | 
						|
var $ = require('jquery');
 | 
						|
var Options = require('select2/options');
 | 
						|
 | 
						|
test('converted into dataAdapter.current', function (assert) {
 | 
						|
  assert.expect(5);
 | 
						|
 | 
						|
  var $test = $('<select></select>');
 | 
						|
  var called = false;
 | 
						|
 | 
						|
  var options = new Options({
 | 
						|
    initSelection: function ($element, callback) {
 | 
						|
      called = true;
 | 
						|
 | 
						|
      callback([{
 | 
						|
        id: '1',
 | 
						|
        text: '2'
 | 
						|
      }]);
 | 
						|
    }
 | 
						|
  }, $test);
 | 
						|
 | 
						|
  assert.ok(!called, 'initSelection should not have been called');
 | 
						|
 | 
						|
  var DataAdapter = options.get('dataAdapter');
 | 
						|
  var data = new DataAdapter($test, options);
 | 
						|
 | 
						|
  data.current(function (data) {
 | 
						|
    assert.equal(
 | 
						|
      data.length,
 | 
						|
      1,
 | 
						|
      'There should have only been one object selected'
 | 
						|
    );
 | 
						|
 | 
						|
    var item = data[0];
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.id,
 | 
						|
      '1',
 | 
						|
      'The id should have been set by initSelection'
 | 
						|
    );
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.text,
 | 
						|
      '2',
 | 
						|
      'The text should have been set by initSelection'
 | 
						|
    );
 | 
						|
  });
 | 
						|
 | 
						|
  assert.ok(called, 'initSelection should have been called');
 | 
						|
});
 | 
						|
 | 
						|
test('single option converted to array automatically', function (assert) {
 | 
						|
  assert.expect(2);
 | 
						|
 | 
						|
  var $test = $('<select></select>');
 | 
						|
  var called = false;
 | 
						|
 | 
						|
  var options = new Options({
 | 
						|
    initSelection: function ($element, callback) {
 | 
						|
      called = true;
 | 
						|
 | 
						|
      callback({
 | 
						|
        id: '1',
 | 
						|
        text: '2'
 | 
						|
      });
 | 
						|
    }
 | 
						|
  }, $test);
 | 
						|
 | 
						|
  var DataAdapter = options.get('dataAdapter');
 | 
						|
  var data = new DataAdapter($test, options);
 | 
						|
 | 
						|
  data.current(function (data) {
 | 
						|
    assert.ok(
 | 
						|
      $.isArray(data),
 | 
						|
      'The data should have been converted to an array'
 | 
						|
    );
 | 
						|
  });
 | 
						|
 | 
						|
  assert.ok(called, 'initSelection should have been called');
 | 
						|
});
 | 
						|
 | 
						|
test('only called once', function (assert) {
 | 
						|
  assert.expect(8);
 | 
						|
 | 
						|
  var $test = $('<select><option value="3" selected>4</option></select>');
 | 
						|
  var called = 0;
 | 
						|
 | 
						|
  var options = new Options({
 | 
						|
    initSelection: function ($element, callback) {
 | 
						|
      called++;
 | 
						|
 | 
						|
      callback([{
 | 
						|
        id: '1',
 | 
						|
        text: '2'
 | 
						|
      }]);
 | 
						|
    }
 | 
						|
  }, $test);
 | 
						|
 | 
						|
  var DataAdapter = options.get('dataAdapter');
 | 
						|
  var data = new DataAdapter($test, options);
 | 
						|
 | 
						|
  data.current(function (data) {
 | 
						|
    assert.equal(
 | 
						|
      data.length,
 | 
						|
      1,
 | 
						|
      'There should have only been a single option'
 | 
						|
    );
 | 
						|
 | 
						|
    var item = data[0];
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.id,
 | 
						|
      '1',
 | 
						|
      'The id should match the one given by initSelection'
 | 
						|
    );
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.text,
 | 
						|
      '2',
 | 
						|
      'The text should match the one given by initSelection'
 | 
						|
    );
 | 
						|
  });
 | 
						|
 | 
						|
  assert.equal(
 | 
						|
    called,
 | 
						|
    1,
 | 
						|
    'initSelection should have been called'
 | 
						|
  );
 | 
						|
 | 
						|
  data.current(function (data) {
 | 
						|
    assert.equal(
 | 
						|
      data.length,
 | 
						|
      1,
 | 
						|
      'There should have only been a single option'
 | 
						|
    );
 | 
						|
 | 
						|
    var item = data[0];
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.id,
 | 
						|
      '3',
 | 
						|
      'The id should match the value given in the DOM'
 | 
						|
    );
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.text,
 | 
						|
      '4',
 | 
						|
      'The text should match the text given in the DOM'
 | 
						|
    );
 | 
						|
  });
 | 
						|
 | 
						|
  assert.equal(
 | 
						|
    called,
 | 
						|
    1,
 | 
						|
    'initSelection should have only been called once'
 | 
						|
  );
 | 
						|
});
 | 
						|
 | 
						|
module('Options - Deprecated - query');
 | 
						|
 | 
						|
test('converted into dataAdapter.query automatically', function (assert) {
 | 
						|
  assert.expect(6);
 | 
						|
 | 
						|
  var $test = $('<select></select>');
 | 
						|
  var called = false;
 | 
						|
 | 
						|
  var options = new Options({
 | 
						|
    query: function (params) {
 | 
						|
      called = true;
 | 
						|
 | 
						|
      params.callback({
 | 
						|
        results: [
 | 
						|
          {
 | 
						|
            id: 'test',
 | 
						|
            text: params.term
 | 
						|
          }
 | 
						|
        ]
 | 
						|
      });
 | 
						|
    }
 | 
						|
  }, $test);
 | 
						|
 | 
						|
  assert.ok(!called, 'The query option should not have been called');
 | 
						|
 | 
						|
  var DataAdapter = options.get('dataAdapter');
 | 
						|
  var data = new DataAdapter($test, options);
 | 
						|
 | 
						|
  data.query({
 | 
						|
    term: 'term'
 | 
						|
  }, function (data) {
 | 
						|
    assert.ok(
 | 
						|
      'results' in data,
 | 
						|
      'It should have included the results key'
 | 
						|
    );
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      data.results.length,
 | 
						|
      1,
 | 
						|
      'There should have only been a single result returned'
 | 
						|
    );
 | 
						|
 | 
						|
    var item = data.results[0];
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.id,
 | 
						|
      'test',
 | 
						|
      'The id should have been returned from the query function'
 | 
						|
    );
 | 
						|
 | 
						|
    assert.equal(
 | 
						|
      item.text,
 | 
						|
      'term',
 | 
						|
      'The text should have matched the term that was passed in'
 | 
						|
    );
 | 
						|
  });
 | 
						|
 | 
						|
  assert.ok(called, 'The query function should have been called');
 | 
						|
});
 | 
						|
 | 
						|
module('Options - deprecated - data-ajax-url');
 | 
						|
 | 
						|
test('converted ajax-url to ajax--url automatically', function (assert) {
 | 
						|
  var $test = $('<select data-ajax-url="test://url"></select>');
 | 
						|
  var options = new Options({}, $test);
 | 
						|
 | 
						|
  assert.ok(
 | 
						|
    options.get('ajax'),
 | 
						|
    'The `ajax` key was automatically created'
 | 
						|
  );
 | 
						|
  assert.equal(
 | 
						|
    options.get('ajax').url,
 | 
						|
    'test://url',
 | 
						|
    'The `url` property for the `ajax` option was filled in correctly'
 | 
						|
  );
 | 
						|
});
 | 
						|
 | 
						|
test('converted select2-tags to data/tags automatically', function (assert) {
 | 
						|
  var $test = $('<select data-select2-tags="original data"></select>');
 | 
						|
  var options = new Options({}, $test);
 | 
						|
 | 
						|
  assert.ok(
 | 
						|
    options.get('tags'),
 | 
						|
    'The `tags` key is automatically set to true'
 | 
						|
  );
 | 
						|
  assert.equal(
 | 
						|
    options.get('data'),
 | 
						|
    'original data',
 | 
						|
    'The `data` key is created with the original data'
 | 
						|
  );
 | 
						|
});
 |