2010-01-20 14:00:14 +00:00
|
|
|
/*
|
|
|
|
* autocomplete_events.js
|
|
|
|
*/
|
|
|
|
(function($) {
|
|
|
|
|
2010-03-11 03:28:00 +00:00
|
|
|
module("autocomplete: events", {
|
|
|
|
teardown: function() {
|
|
|
|
$( ":ui-autocomplete" ).autocomplete( "destroy" );
|
|
|
|
}
|
|
|
|
});
|
2010-01-20 14:00:14 +00:00
|
|
|
|
2010-03-20 14:37:18 +00:00
|
|
|
var data = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
|
2010-01-20 14:00:14 +00:00
|
|
|
|
|
|
|
test("all events", function() {
|
2010-04-08 10:05:52 +00:00
|
|
|
expect(12);
|
2010-01-20 14:00:14 +00:00
|
|
|
var ac = $("#autocomplete").autocomplete({
|
|
|
|
delay: 0,
|
|
|
|
source: data,
|
|
|
|
search: function(event) {
|
|
|
|
same(event.type, "autocompletesearch");
|
|
|
|
},
|
|
|
|
open: function(event) {
|
|
|
|
same(event.type, "autocompleteopen");
|
|
|
|
},
|
|
|
|
focus: function(event, ui) {
|
|
|
|
same(event.type, "autocompletefocus");
|
|
|
|
same(ui.item, {label:"java", value:"java"});
|
|
|
|
},
|
|
|
|
close: function(event) {
|
|
|
|
same(event.type, "autocompleteclose");
|
2010-10-26 13:05:38 +00:00
|
|
|
same( $(".ui-menu:visible").length, 0 );
|
2010-01-20 14:00:14 +00:00
|
|
|
},
|
|
|
|
select: function(event, ui) {
|
|
|
|
same(event.type, "autocompleteselect");
|
|
|
|
same(ui.item, {label:"java", value:"java"});
|
|
|
|
},
|
2010-04-08 10:05:52 +00:00
|
|
|
change: function(event, ui) {
|
2010-01-20 14:00:14 +00:00
|
|
|
same(event.type, "autocompletechange");
|
2010-04-08 10:05:52 +00:00
|
|
|
same(ui.item, {label:"java", value:"java"});
|
2010-02-02 14:04:50 +00:00
|
|
|
same( $(".ui-menu:visible").length, 0 );
|
2010-04-08 10:05:52 +00:00
|
|
|
start();
|
2010-01-20 14:00:14 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
stop();
|
2010-04-08 10:05:52 +00:00
|
|
|
ac.focus().val("ja").keydown();
|
2010-01-20 14:00:14 +00:00
|
|
|
setTimeout(function() {
|
2010-02-02 14:04:50 +00:00
|
|
|
same( $(".ui-menu:visible").length, 1 );
|
2010-01-20 14:00:14 +00:00
|
|
|
ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
|
|
|
|
ac.simulate("keydown", { keyCode: $.ui.keyCode.ENTER });
|
2010-04-13 10:04:05 +00:00
|
|
|
$.browser.msie ? ac.simulate("blur") : ac.blur();
|
2010-01-20 14:00:14 +00:00
|
|
|
}, 50);
|
|
|
|
});
|
|
|
|
|
2010-04-08 10:05:52 +00:00
|
|
|
test("change without selection", function() {
|
|
|
|
expect(2);
|
|
|
|
stop();
|
|
|
|
var ac = $("#autocomplete").autocomplete({
|
|
|
|
delay: 0,
|
|
|
|
source: data,
|
|
|
|
change: function(event, ui) {
|
|
|
|
same(event.type, "autocompletechange");
|
|
|
|
same(ui.item, null);
|
|
|
|
start();
|
|
|
|
}
|
|
|
|
});
|
2010-04-13 10:04:05 +00:00
|
|
|
ac.triggerHandler("focus");
|
|
|
|
ac.val("ja").triggerHandler("blur");
|
2010-04-08 10:05:52 +00:00
|
|
|
});
|
|
|
|
|
2010-01-20 14:00:14 +00:00
|
|
|
test("cancel search", function() {
|
|
|
|
expect(6);
|
|
|
|
var first = true;
|
|
|
|
var ac = $("#autocomplete").autocomplete({
|
|
|
|
delay: 0,
|
|
|
|
source: data,
|
|
|
|
search: function() {
|
|
|
|
if (first) {
|
|
|
|
same( ac.val(), "ja" );
|
|
|
|
first = false;
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
same( ac.val(), "java" );
|
|
|
|
},
|
|
|
|
open: function() {
|
|
|
|
ok(true);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
stop();
|
|
|
|
ac.val("ja").keydown();
|
|
|
|
setTimeout(function() {
|
2010-02-02 14:04:50 +00:00
|
|
|
same( $(".ui-menu:visible").length, 0 );
|
2010-01-20 14:00:14 +00:00
|
|
|
ac.val("java").keydown();
|
|
|
|
setTimeout(function() {
|
2010-02-02 14:04:50 +00:00
|
|
|
same( $(".ui-menu:visible").length, 1 );
|
2010-01-20 14:00:14 +00:00
|
|
|
same( $(".ui-menu .ui-menu-item").length, 2 );
|
|
|
|
start();
|
|
|
|
}, 50);
|
|
|
|
}, 50);
|
|
|
|
});
|
|
|
|
|
|
|
|
test("cancel focus", function() {
|
|
|
|
expect(1);
|
|
|
|
var customVal = 'custom value';
|
|
|
|
var ac = $("#autocomplete").autocomplete({
|
|
|
|
delay: 0,
|
|
|
|
source: data,
|
|
|
|
focus: function(event, ui) {
|
|
|
|
$(this).val(customVal);
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
stop();
|
|
|
|
ac.val("ja").keydown();
|
|
|
|
setTimeout(function() {
|
|
|
|
ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
|
|
|
|
same( ac.val(), customVal );
|
|
|
|
start();
|
|
|
|
}, 50);
|
|
|
|
});
|
|
|
|
|
|
|
|
test("cancel select", function() {
|
|
|
|
expect(1);
|
|
|
|
var customVal = 'custom value';
|
|
|
|
var ac = $("#autocomplete").autocomplete({
|
|
|
|
delay: 0,
|
|
|
|
source: data,
|
|
|
|
select: function(event, ui) {
|
|
|
|
$(this).val(customVal);
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
stop();
|
|
|
|
ac.val("ja").keydown();
|
|
|
|
setTimeout(function() {
|
|
|
|
ac.simulate("keydown", { keyCode: $.ui.keyCode.DOWN });
|
|
|
|
ac.simulate("keydown", { keyCode: $.ui.keyCode.ENTER });
|
|
|
|
same( ac.val(), customVal );
|
|
|
|
start();
|
|
|
|
}, 50);
|
|
|
|
});
|
|
|
|
|
|
|
|
})(jQuery);
|