Merge branch 'domready' of https://github.com/cowboy/jquery
This commit is contained in:
commit
0fbadbcced
|
@ -2051,15 +2051,81 @@ test("focusin bubbles", function() {
|
||||||
jQuery( "body" ).unbind( "focusin.focusinBubblesTest" );
|
jQuery( "body" ).unbind( "focusin.focusinBubblesTest" );
|
||||||
});
|
});
|
||||||
|
|
||||||
/*
|
|
||||||
test("jQuery(function($) {})", function() {
|
(function(){
|
||||||
stop();
|
// This code must be run before DOM ready!
|
||||||
jQuery(function($) {
|
var notYetReady, noEarlyExecution,
|
||||||
equals(jQuery, $, "ready doesn't provide an event object, instead it provides a reference to the jQuery function, see http://docs.jquery.com/Events/ready#fn");
|
order = [],
|
||||||
start();
|
args = {};
|
||||||
});
|
|
||||||
|
notYetReady = !jQuery.isReady;
|
||||||
|
|
||||||
|
test("jQuery.isReady", function() {
|
||||||
|
expect(2);
|
||||||
|
|
||||||
|
equals(notYetReady, true, "jQuery.isReady should not be true before DOM ready");
|
||||||
|
equals(jQuery.isReady, true, "jQuery.isReady should be true once DOM is ready");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Create an event handler.
|
||||||
|
function makeHandler( testId ) {
|
||||||
|
// When returned function is executed, push testId onto `order` array
|
||||||
|
// to ensure execution order. Also, store event handler arg to ensure
|
||||||
|
// the correct arg is being passed into the event handler.
|
||||||
|
return function( arg ) {
|
||||||
|
order.push(testId);
|
||||||
|
args[testId] = arg;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Bind to the ready event in every possible way.
|
||||||
|
jQuery(makeHandler("a"));
|
||||||
|
jQuery(document).ready(makeHandler("b"));
|
||||||
|
jQuery(document).bind("ready.readytest", makeHandler("c"));
|
||||||
|
|
||||||
|
// Do it twice, just to be sure.
|
||||||
|
jQuery(makeHandler("d"));
|
||||||
|
jQuery(document).ready(makeHandler("e"));
|
||||||
|
jQuery(document).bind("ready.readytest", makeHandler("f"));
|
||||||
|
|
||||||
|
noEarlyExecution = order.length == 0;
|
||||||
|
|
||||||
|
// This assumes that QUnit tests are run on DOM ready!
|
||||||
|
test("jQuery ready", function() {
|
||||||
|
expect(10);
|
||||||
|
|
||||||
|
ok(noEarlyExecution, "Handlers bound to DOM ready should not execute before DOM ready");
|
||||||
|
|
||||||
|
// Ensure execution order.
|
||||||
|
same(order, ["a", "b", "d", "e", "c", "f"], "Bound DOM ready handlers should execute in bind-order, but those bound with jQuery(document).bind( 'ready', fn ) will always execute last");
|
||||||
|
|
||||||
|
// Ensure handler argument is correct.
|
||||||
|
equals(args.a, jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery");
|
||||||
|
equals(args.b, jQuery, "Argument passed to fn in jQuery(document).ready( fn ) should be jQuery");
|
||||||
|
ok(args.c instanceof jQuery.Event, "Argument passed to fn in jQuery(document).bind( 'ready', fn ) should be an event object");
|
||||||
|
|
||||||
|
order = [];
|
||||||
|
|
||||||
|
// Now that the ready event has fired, again bind to the ready event
|
||||||
|
// in every possible way. These event handlers should execute immediately.
|
||||||
|
jQuery(makeHandler("g"));
|
||||||
|
equals(order.pop(), "g", "Event handler should execute immediately");
|
||||||
|
equals(args.g, jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery");
|
||||||
|
|
||||||
|
jQuery(document).ready(makeHandler("h"));
|
||||||
|
equals(order.pop(), "h", "Event handler should execute immediately");
|
||||||
|
equals(args.h, jQuery, "Argument passed to fn in jQuery(document).ready( fn ) should be jQuery");
|
||||||
|
|
||||||
|
jQuery(document).bind("ready.readytest", makeHandler("never"));
|
||||||
|
equals(order.length, 0, "Event handler should never execute since DOM ready has already passed");
|
||||||
|
|
||||||
|
// Cleanup.
|
||||||
|
jQuery(document).unbind("ready.readytest");
|
||||||
|
});
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
||||||
|
/*
|
||||||
test("event properties", function() {
|
test("event properties", function() {
|
||||||
stop();
|
stop();
|
||||||
jQuery("#simon1").click(function(event) {
|
jQuery("#simon1").click(function(event) {
|
||||||
|
|
Loading…
Reference in a new issue