aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/bower_components/select2/tests/options/width-tests.js
diff options
context:
space:
mode:
Diffstat (limited to 'public/bower_components/select2/tests/options/width-tests.js')
-rw-r--r--public/bower_components/select2/tests/options/width-tests.js66
1 files changed, 66 insertions, 0 deletions
diff --git a/public/bower_components/select2/tests/options/width-tests.js b/public/bower_components/select2/tests/options/width-tests.js
new file mode 100644
index 0000000..e724034
--- /dev/null
+++ b/public/bower_components/select2/tests/options/width-tests.js
@@ -0,0 +1,66 @@
+module('Options - Width');
+
+var $ = require('jquery');
+
+var Select2 = require('select2/core');
+var select = new Select2($('<select></select>'));
+
+test('string passed as width', function (assert) {
+ var $test = $('<select></select>');
+
+ var width = select._resolveWidth($test, '80%');
+
+ assert.equal(width, '80%');
+});
+
+test('width from style attribute', function (assert) {
+ var $test = $('<select style="width: 50%;"></selct>');
+
+ var width = select._resolveWidth($test, 'style');
+
+ assert.equal(width, '50%');
+});
+
+test('width from style returns null if nothing is found', function (assert) {
+ var $test = $('<select></selct>');
+
+ var width = select._resolveWidth($test, 'style');
+
+ assert.equal(width, null);
+});
+
+test('width from computed element width', function (assert) {
+ var $style = $(
+ '<style type="text/css">.css-set-width { width: 500px; }</style>'
+ );
+ var $test = $('<select class="css-set-width"></select>');
+
+ $('#qunit-fixture').append($style);
+ $('#qunit-fixture').append($test);
+
+ var width = select._resolveWidth($test, 'element');
+
+ assert.equal(width, '500px');
+});
+
+test('resolve gets the style if it is there', function (assert) {
+ var $test = $('<select style="width: 20%;"></selct>');
+
+ var width = select._resolveWidth($test, 'resolve');
+
+ assert.equal(width, '20%');
+});
+
+test('resolve falls back to element if there is no style', function (assert) {
+ var $style = $(
+ '<style type="text/css">.css-set-width { width: 500px; }</style>'
+ );
+ var $test = $('<select class="css-set-width"></select>');
+
+ $('#qunit-fixture').append($style);
+ $('#qunit-fixture').append($test);
+
+ var width = select._resolveWidth($test, 'resolve');
+
+ assert.equal(width, '500px');
+});