mirror of
https://github.com/jquery/jquery.git
synced 2024-11-23 02:54:22 +00:00
75 lines
2.7 KiB
JavaScript
75 lines
2.7 KiB
JavaScript
QUnit.module( "ready" );
|
|
|
|
( function() {
|
|
var notYetReady, noEarlyExecution,
|
|
order = [],
|
|
args = {};
|
|
|
|
notYetReady = !jQuery.isReady;
|
|
|
|
QUnit.test( "jQuery.isReady", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
assert.equal( notYetReady, true, "jQuery.isReady should not be true before DOM ready" );
|
|
assert.equal( 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 ).on( "ready.readytest", makeHandler( "c" ) );
|
|
|
|
// Do it twice, just to be sure.
|
|
jQuery( makeHandler( "d" ) );
|
|
jQuery( document ).ready( makeHandler( "e" ) );
|
|
jQuery( document ).on( "ready.readytest", makeHandler( "f" ) );
|
|
|
|
noEarlyExecution = order.length === 0;
|
|
|
|
// This assumes that QUnit tests are run on DOM ready!
|
|
QUnit.test( "jQuery ready", function() {
|
|
expect( 10 );
|
|
|
|
ok( noEarlyExecution, "Handlers bound to DOM ready should not execute before DOM ready" );
|
|
|
|
// Ensure execution order.
|
|
deepEqual( order, [ "a", "b", "d", "e", "c", "f" ], "Bound DOM ready handlers should execute in on-order, but those bound with jQuery(document).on( 'ready', fn ) will always execute last" );
|
|
|
|
// Ensure handler argument is correct.
|
|
equal( args[ "a" ], jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery" );
|
|
equal( 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).on( '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" ) );
|
|
equal( order.pop(), "g", "Event handler should execute immediately" );
|
|
equal( args[ "g" ], jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery" );
|
|
|
|
jQuery( document ).ready( makeHandler( "h" ) );
|
|
equal( order.pop(), "h", "Event handler should execute immediately" );
|
|
equal( args[ "h" ], jQuery, "Argument passed to fn in jQuery(document).ready( fn ) should be jQuery" );
|
|
|
|
jQuery( document ).on( "ready.readytest", makeHandler( "never" ) );
|
|
equal( order.length, 0, "Event handler should never execute since DOM ready has already passed" );
|
|
|
|
// Cleanup.
|
|
jQuery( document ).off( "ready.readytest" );
|
|
} );
|
|
|
|
} )();
|