4dda5e7a74
The search box previously displayed a clear icon on the far right side in webkit-based browsers, specifically Chrome and Safari. This hides the clear icon in those browsers, and also fixes a slight sizing issue, so it should no longer be displayed. This also disables autocorrect, autocompleted, as well as a few other automatic search corrections on the field, so mobile devices should have a better experience. This closes https://github.com/select2/select2/issues/3018.
89 lines
1.8 KiB
JavaScript
89 lines
1.8 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('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'
|
|
);
|
|
});
|