helper.js « spinner « unit « tests - jquery-ui.git - The official jQuery user interface library: https://github.com/jquery/jquery-ui

index : jquery-ui.git

The official jQuery user interface library: https://github.com/jquery/jquery-ui

www-data

about summary refs log tree commit diff stats

path: root/tests/unit/spinner/helper.js

blob: ab99dcd8e3b7e1476703b5698c6d639eb9c1fd50 (plain)

define( [
	"jquery",
	"lib/helper"
], function( $, helper ) {

return $.extend( helper, {
	simulateKeyDownUp: function( element, keyCode, shift ) {
		element
			.simulate( "keydown", { keyCode: keyCode, shiftKey: shift || false } )
			.simulate( "keyup", { keyCode: keyCode, shiftKey: shift || false } );
	}
} );

} );

pan class="w"> Array( 500 ).join( String.prototype.trim.call( $( "#template" ).html() ) ); $( html ).appendTo( "body" ); start = new Date(); $( "#dialog" ).dialog({ modal: true, autoOpen: false }); $( "<li>Create: " + (new Date() - start) + "ms</li>" ).appendTo( "#log" ); $( "#opener" ).on( "click", function() { start = new Date(); $( "#dialog" ).dialog( "open" ); $( "<li>Open: " + (new Date() - start) + "ms</li>" ).appendTo( "#log" ); }); </script> </head> <body> <p>WHAT: A single dialog is created on a page with a large DOM.</p> <p>EXPECTED: Creating and opening the dialog should be fast, regardless of page size.</p> <button id="opener">open dialog</button> <div id="dialog" title="Dialog Title"> <p> Dialog Content </p> <input type="text"> </div> <ul id="log"></ul> <script type="text/html" id="template"> <div><div><div><div><div><div><div><div><div><div> <div><div><div><div><div><div><div><div><div><div> <div><div><div><div><div><div><div><div><div><div> <div><div><div><div><div><div><div><div><div><div> <div><div><div><div><div><div><div><div><div><div> <div><p>This <span>is</span> <span>a</span> <strong>large</strong> <abbr>DOM</abbr>.</p></div> <input> <select> <option>option 1</option> <option>option 2</option> <option>option 3</option> <option>option 4</option> <option>option 5</option> </select> </div></div></div></div></div></div></div></div></div></div> </div></div></div></div></div></div></div></div></div></div> </div></div></div></div></div></div></div></div></div></div> </div></div></div></div></div></div></div></div></div></div> </div></div></div></div></div></div></div></div></div></div> </script> </body> </html>