library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Selectmenu tests: improve appendTo option tests

Browse Source
This commit is contained in:
Felix Nagel 2012-12-15 02:24:10 +01:00
parent 930e9d5993
commit ae68ab8118
2 changed files with 48 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
tests/unit/selectmenu/selectmenu.html
View File

@ -37,15 +37,18 @@
<h2 id="qunit-userAgent"></h2> <h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol> <ol id="qunit-tests"></ol>
<div id="qunit-fixture"> <div id="qunit-fixture">
<div id="sm-wrap1" class="sm-wrap"></div>
<label for="speed">Select a speed:</label> <div id="sm-wrap2" class="sm-wrap">
<select name="speed" id="speed"> <label for="speed">Select a speed:</label>
<option value="Slower">Slower</option> <select name="speed" id="speed">
<option value="Slow">Slow</option> <option value="Slower">Slower</option>
<option value="Medium" selected="selected">Medium</option> <option value="Slow">Slow</option>
<option value="Fast">Fast</option> <option value="Medium" selected="selected">Medium</option>
<option value="Faster">Faster</option> <option value="Fast">Fast</option>
</select> <option value="Faster">Faster</option>
</select>
</div>
<label for="number">Select a number:</label> <label for="number">Select a number:</label>
<select name="number" id="number"> <select name="number" id="number">

41
tests/unit/selectmenu/selectmenu_options.js
View File

@ -3,12 +3,45 @@
module("selectmenu: options"); module("selectmenu: options");
test("appendTo another element", function () { test("appendTo another element", function () {
expect(2); expect( 8 );
var detached = $( "<div>" ),
element = $("#speed").selectmenu();
equal( element.selectmenu( "menuWidget" ).parent().parent()[0], document.body, "defaults to body" );
element.selectmenu( "destroy" );
var element = $("#speed").selectmenu(); element.selectmenu({
appendTo: ".sm-wrap"
});
equal( element.selectmenu( "menuWidget" ).parent().parent()[0], $( "#sm-wrap1" )[0], "first found element" );
equal( $( "#sm-wrap2 .ui-selectmenu" ).length, 0, "only appends to one element" );
element.selectmenu( "destroy" );
ok(element.selectmenu("option", "appendTo", "#qunit-fixture"), "appendTo accepts selector"); $( "#sm-wrap2" ).addClass( "ui-front" );
ok($("#qunit-fixture").find(".ui-selectmenu-menu").length, "selectmenu appendedTo other element"); element.selectmenu();
equal( element.selectmenu( "menuWidget" ).parent().parent()[0], $( "#sm-wrap2" )[0], "null, inside .ui-front" );
element.selectmenu( "destroy" );
$( "#sm-wrap2" ).removeClass( "ui-front" );
element.selectmenu().selectmenu( "option", "appendTo", "#sm-wrap1" );
equal( element.selectmenu( "menuWidget" ).parent().parent()[0], $( "#sm-wrap1" )[0], "modified after init" );
element.selectmenu( "destroy" );
element.selectmenu({
appendTo: detached
});
equal( element.selectmenu( "menuWidget" ).parent().parent()[0], detached[0], "detached jQuery object" );
element.selectmenu( "destroy" );
element.selectmenu({
appendTo: detached[0]
});
equal( element.selectmenu( "menuWidget" ).parent().parent()[0], detached[0], "detached DOM element" );
element.selectmenu( "destroy" );
element.selectmenu().selectmenu( "option", "appendTo", detached );
equal( element.selectmenu( "menuWidget" ).parent().parent()[0], detached[0], "detached DOM element via option()" );
element.selectmenu( "destroy" );
}); });