ok
Direktori : /home/ngwcolle/public_html/mis/admin/vendor/select2/tests/options/ |
Current File : //home/ngwcolle/public_html/mis/admin/vendor/select2/tests/options/width-tests.js |
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'); }); 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'); });