94 lines
2.3 KiB
JavaScript
94 lines
2.3 KiB
JavaScript
QUnit.module('Options - Width');
|
|
|
|
var $ = require('jquery');
|
|
|
|
var Select2 = require('select2/core');
|
|
var select = new Select2($('<select></select>'));
|
|
|
|
QUnit.test('string passed as width', function (assert) {
|
|
var $test = $('<select></select>');
|
|
|
|
var width = select._resolveWidth($test, '80%');
|
|
|
|
assert.equal(width, '80%');
|
|
});
|
|
|
|
QUnit.test('width from style attribute', function (assert) {
|
|
var $test = $('<select style="width: 50%;"></selct>');
|
|
|
|
var width = select._resolveWidth($test, 'style');
|
|
|
|
assert.equal(width, '50%');
|
|
});
|
|
|
|
QUnit.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);
|
|
}
|
|
);
|
|
|
|
QUnit.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');
|
|
});
|
|
|
|
QUnit.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%');
|
|
});
|
|
|
|
QUnit.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');
|
|
}
|
|
);
|
|
|
|
QUnit.test(
|
|
'computedstyle gets the style if parent is invisible',
|
|
function (assert) {
|
|
var $style = $(
|
|
'<style type="text/css">.css-set-width { width: 500px; }</style>'
|
|
);
|
|
var $test = $(
|
|
'<div style="display:none;">' +
|
|
'<select class="css-set-width"></select>' +
|
|
'</div>'
|
|
);
|
|
|
|
$('#qunit-fixture').append($style);
|
|
$('#qunit-fixture').append($test);
|
|
|
|
var width = select._resolveWidth($test.find('select'), 'computedstyle');
|
|
|
|
assert.equal(width, '500px');
|
|
}
|
|
);
|