88 lines
2.4 KiB
JavaScript
88 lines
2.4 KiB
JavaScript
/* INCLUDE:
|
|
jquery: js/jquery/jquery.ui.core.js
|
|
jquery: js/jquery/jquery.ui.widget.js
|
|
jquery: js/jquery/jquery.ui.dialog.js
|
|
jquery: js/jquery.iconselector.js
|
|
*/
|
|
|
|
module( "old" );
|
|
test( "no corresponding old function", 0, function() {
|
|
});
|
|
|
|
module( "jquery" );
|
|
test( "initialize iconselector", 6, function() {
|
|
// setup callback
|
|
var server = sinon.sandbox.useFakeServer();
|
|
|
|
var icons = {
|
|
"pics": {},
|
|
"ids" : [ 1, 5 ]
|
|
};
|
|
var data = [
|
|
{
|
|
"id" : 5,
|
|
"url" : "/img/search.gif",
|
|
"state" : "A",
|
|
"width" : 16,
|
|
"height" : 16,
|
|
"alt" : "search",
|
|
"comment" : "from repo",
|
|
"keywords": [ "search" ]
|
|
},
|
|
{
|
|
"id" : 1,
|
|
"url" : "/img/ajax-loader.gif",
|
|
"state" : "A",
|
|
"width" : 16,
|
|
"height" : 16,
|
|
"alt" : "swirling loading icon",
|
|
"comment": "from repo",
|
|
"keywords": ["loading", "animated"]
|
|
}
|
|
];
|
|
var keywords = [ "" ];
|
|
icons.ids = [ 1, 5 ];
|
|
for ( var i = 0; i < data.length; i++ ) {
|
|
var icon = data[i];
|
|
icons.pics[icon.id] = icon;
|
|
|
|
for ( var k = 0; k < icon.keywords.length; k++ ) {
|
|
keywords.push(icon.keywords[k]);
|
|
}
|
|
}
|
|
|
|
server.respondWith( /userpicselect/, [
|
|
200,
|
|
{},
|
|
JSON.stringify(icons)
|
|
] );
|
|
|
|
var $select = $("select");
|
|
$.map(keywords, function(keyword) {
|
|
$("<option></option>").val(keyword).text(keyword).appendTo($select)
|
|
})
|
|
equals( $select.val(), "", "currently selected the first item in the dropdown (blank)" )
|
|
|
|
// setup the icon selector
|
|
var selectCount = 0;
|
|
$select.iconselector({
|
|
selectorButtons: "#browse-icons",
|
|
onSelect: function() { selectCount++ }
|
|
});
|
|
|
|
$("#browse-icons").click();
|
|
server.respond();
|
|
|
|
// check the icon order
|
|
var $li = $("#iconselector_icons li");
|
|
$.each(icons.ids, function(index,id) {
|
|
equals($li.eq(index).attr("id"), "iconselector_item_"+id, "matches expected order")
|
|
})
|
|
|
|
$("#iconselector_icons .keyword:contains('animated')").click();
|
|
equals( $select.val(), "", "one click doesn't do anything");
|
|
|
|
$("#iconselector_icons .keyword:contains('animated')").dblclick();
|
|
equals( $select.val(), "animated", "two clicks selects");
|
|
equals( selectCount, 1, "select done once");
|
|
} )
|