118 lines
2.4 KiB
JavaScript
118 lines
2.4 KiB
JavaScript
|
module('Selection containers - Single');
|
||
|
|
|
||
|
|
var SingleSelection = require('select2/selection/single');
|
||
|
|
|
||
|
|
var $ = require('jquery');
|
||
|
|
var Options = require('select2/options');
|
||
|
|
var Utils = require('select2/utils');
|
||
|
|
|
||
|
|
var options = new Options({});
|
||
|
|
|
||
|
|
test('display uses templateSelection', function (assert) {
|
||
|
|
var called = false;
|
||
|
|
|
||
|
|
var templateOptions = new Options({
|
||
|
|
templateSelection: function (data) {
|
||
|
|
called = true;
|
||
|
|
|
||
|
|
return data.text;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var selection = new SingleSelection(
|
||
|
|
$('#qunit-fixture .single'),
|
||
|
|
templateOptions
|
||
|
|
);
|
||
|
|
|
||
|
|
var out = selection.display({
|
||
|
|
text: 'test'
|
||
|
|
});
|
||
|
|
|
||
|
|
assert.ok(called);
|
||
|
|
|
||
|
|
assert.equal(out, 'test');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('templateSelection can addClass', function (assert) {
|
||
|
|
var called = false;
|
||
|
|
|
||
|
|
var templateOptions = new Options({
|
||
|
|
templateSelection: function (data, container) {
|
||
|
|
called = true;
|
||
|
|
container.addClass('testclass');
|
||
|
|
return data.text;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var selection = new SingleSelection(
|
||
|
|
$('#qunit-fixture .single'),
|
||
|
|
templateOptions
|
||
|
|
);
|
||
|
|
|
||
|
|
var $container = selection.selectionContainer();
|
||
|
|
|
||
|
|
var out = selection.display({
|
||
|
|
text: 'test'
|
||
|
|
}, $container);
|
||
|
|
|
||
|
|
assert.ok(called);
|
||
|
|
|
||
|
|
assert.equal(out, 'test');
|
||
|
|
|
||
|
|
assert.ok($container.hasClass('testclass'));
|
||
|
|
});
|
||
|
|
|
||
|
|
test('empty update clears the selection', function (assert) {
|
||
|
|
var selection = new SingleSelection(
|
||
|
|
$('#qunit-fixture .single'),
|
||
|
|
options
|
||
|
|
);
|
||
|
|
|
||
|
|
var $selection = selection.render();
|
||
|
|
var $rendered = $selection.find('.select2-selection__rendered');
|
||
|
|
|
||
|
|
$rendered.text('testing');
|
||
|
|
|
||
|
|
selection.update([]);
|
||
|
|
|
||
|
|
assert.equal($rendered.text(), '');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('update renders the data text', function (assert) {
|
||
|
|
var selection = new SingleSelection(
|
||
|
|
$('#qunit-fixture .single'),
|
||
|
|
options
|
||
|
|
);
|
||
|
|
|
||
|
|
var $selection = selection.render();
|
||
|
|
var $rendered = $selection.find('.select2-selection__rendered');
|
||
|
|
|
||
|
|
selection.update([{
|
||
|
|
text: 'test'
|
||
|
|
}]);
|
||
|
|
|
||
|
|
assert.equal($rendered.text(), 'test');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('escapeMarkup is being used', function (assert) {
|
||
|
|
var selection = new SingleSelection(
|
||
|
|
$('#qunit-fixture .single'),
|
||
|
|
options
|
||
|
|
);
|
||
|
|
|
||
|
|
var $selection = selection.render();
|
||
|
|
var $rendered = $selection.find('.select2-selection__rendered');
|
||
|
|
|
||
|
|
var unescapedText = '<script>bad("stuff");</script>';
|
||
|
|
|
||
|
|
selection.update([{
|
||
|
|
text: unescapedText
|
||
|
|
}]);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
$rendered.text(),
|
||
|
|
unescapedText,
|
||
|
|
'The text should be escaped by default to prevent injection'
|
||
|
|
);
|
||
|
|
});
|