select2/tests/options/element-tests.js at develop · ITCSsDeveloper/select2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
module('Options - Copying from element');

var $ = require('jquery');

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

test('copies disabled attribute when set', function (assert) {
  var $test = $('<select disabled></select>');

  var options = new Options({}, $test);

  assert.ok(options.get('disabled'));
});

test('does not copy disabled attribute when not set', function (assert) {
  var $test = $('<select></select>');

  var options = new Options({}, $test);

  assert.ok(!options.get('disabled'));
});

test('disabled attribute does not override disable option', function (assert) {
  var $test = $('<select disabled></select>');

  var options = new Options({
    disabled: false
  }, $test);

  assert.ok(!options.get('disabled'));
});

test('disabled option is synchronized back', function (assert) {
  var $test = $('<select disabled></select>');

  assert.ok($test.prop('disabled'));

  var options = new Options({
    disabled: false
  }, $test);

  assert.ok(!$test.prop('disabled'));
});

test('copies multiple attribute when set', function (assert) {
  var $test = $('<select multiple></select>');

  var options = new Options({}, $test);

  assert.ok(options.get('multiple'));
});

test('does not copy multiple attribute when not set', function (assert) {
  var $test = $('<select></select>');

  var options = new Options({}, $test);

  assert.ok(!options.get('multiple'));
});

test('multiple attribute does not override multiple option', function (assert) {
  var $test = $('<select multiple></select>');

  var options = new Options({
    multiple: false
  }, $test);

  assert.ok(!options.get('multiple'));
});

test('multiple option is synchronized back', function (assert) {
  var $test = $('<select multiple></select>');

  assert.ok($test.prop('multiple'));

  var options = new Options({
    multiple: false
  }, $test);

  assert.ok(!$test.prop('multiple'));
});

test('copies autocomplete attribute when set', function (assert) {
  var $test = $('<select autocomplete="country-name"></select>');

  if ($test.prop('autocomplete') !== 'country-name') {
    // Browser does not support the autocomplete attribute on a select
    assert.ok(true);
    return;
  }

  var options = new Options({}, $test);

  assert.equal(options.get('autocomplete'), 'country-name');
});

test('does not copy autocomplete attribute when not set', function (assert) {
  var $test = $('<select></select>');

  var options = new Options({}, $test);

  assert.equal(options.get('autocomplete'), 'off');
});

test('autocomplete attribute does not override option', function (assert) {
  var $test = $('<select autocomplete="country-name"></select>');

  var options = new Options({
    autocomplete: 'organization'
  }, $test);

  assert.ok(options.get('autocomplete'), 'organization');
});