(function( $ ) { window.TestHelpers = {}; function includeStyle( url ) { document.write( "" ); } function includeScript( url ) { document.write( "" ); } QUnit.config.urlConfig.push( "min" ); TestHelpers.loadResources = QUnit.urlParams.min ? function() { // TODO: proper include with theme images includeStyle( "dist/jquery-ui.min.css" ); includeScript( "dist/jquery-ui.min.js" ); } : function( resources ) { $.each( resources.css || [], function( i, resource ) { includeStyle( "themes/base/jquery." + resource + ".css" ); }); $.each( resources.js || [], function( i, resource ) { includeScript( resource ); }); }; QUnit.config.urlConfig.push( "nojshint" ); var jshintLoaded = false; TestHelpers.testJshint = function( module ) { if ( QUnit.urlParams.nojshint ) { return; } if ( !jshintLoaded ) { includeScript( "external/jshint.js" ); jshintLoaded = true; } asyncTest( "JSHint", function() { expect( 1 ); $.when( $.ajax({ url: "../../../ui/.jshintrc", dataType: "json" }), $.ajax({ url: "../../../ui/jquery." + module + ".js", dataType: "text" }) ).done(function( hintArgs, srcArgs ) { var passed = JSHINT( srcArgs[ 0 ], hintArgs[ 0 ] ), errors = $.map( JSHINT.errors, function( error ) { // JSHINT may report null if there are too many errors if ( !error ) { return; } return "[L" + error.line + ":C" + error.character + "] " + error.reason + "\n" + error.evidence + "\n"; }).join( "\n" ); ok( passed, errors ); start(); }) .fail(function() { ok( false, "error loading source" ); start(); }); }); }; function testWidgetDefaults( widget, defaults ) { var pluginDefaults = $.ui[ widget ].prototype.options; // ensure that all defaults have the correct value test( "defined defaults", function() { $.each( defaults, function( key, val ) { if ( $.isFunction( val ) ) { ok( $.isFunction( pluginDefaults[ key ] ), key ); return; } deepEqual( pluginDefaults[ key ], val, key ); }); }); // ensure that all defaults were tested test( "tested defaults", function() { $.each( pluginDefaults, function( key, val ) { ok( key in defaults, key ); }); }); } function testWidgetOverrides( widget ) { if ( $.uiBackCompat === false ) { test( "$.widget overrides", function() { $.each([ "_createWidget", "destroy", "option", "_trigger" ], function( i, method ) { strictEqual( $.ui[ widget ].prototype[ method ], $.Widget.prototype[ method ], "should not override " + method ); }); }); } } function testBasicUsage( widget ) { test( "basic usage", function() { var defaultElement = $.ui[ widget ].prototype.defaultElement; $( defaultElement ).appendTo( "body" )[ widget ]().remove(); ok( true, "initialized on element" ); $( defaultElement )[ widget ]().remove(); ok( true, "initialized on disconnected DOMElement - never connected" ); $( defaultElement ).appendTo( "body" ).remove()[ widget ]().remove(); ok( true, "initialized on disconnected DOMElement - removed" ); }); } TestHelpers.commonWidgetTests = function( widget, settings ) { module( widget + ": common widget" ); TestHelpers.testJshint( "ui." + widget ); testWidgetDefaults( widget, settings.defaults ); testWidgetOverrides( widget ); testBasicUsage( widget ); test( "version", function() { ok( "version" in $.ui[ widget ].prototype, "version property exists" ); }); }; /* * Experimental assertion for comparing DOM objects. * * Serializes an element and some properties and attributes and it's children if any, otherwise the text. * Then compares the result using deepEqual. */ window.domEqual = function( selector, modifier, message ) { var expected, actual, properties = [ "disabled", "readOnly" ], attributes = [ "autocomplete", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-disabled", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-labelledby", "aria-pressed", "aria-selected", "aria-valuemax", "aria-valuemin", "aria-valuenow", "class", "href", "id", "nodeName", "role", "tabIndex", "title" ]; function extract( elem ) { if ( !elem || !elem.length ) { QUnit.push( false, actual, expected, "domEqual failed, can't extract " + selector + ", message was: " + message ); return; } var children, result = {}; $.each( properties, function( index, attr ) { var value = elem.prop( attr ); result[ attrĀ ] = value !== undefined ? value : ""; }); $.each( attributes, function( index, attr ) { var value = elem.attr( attr ); result[ attrĀ ] = value !== undefined ? value : ""; }); children = elem.children(); if ( children.length ) { result.children = elem.children().map(function( ind ) { return extract( $( this ) ); }).get(); } else { result.text = elem.text(); } return result; } expected = extract( $( selector ) ); modifier( $( selector ) ); actual = extract( $( selector ) ); QUnit.push( QUnit.equiv(actual, expected), actual, expected, message ); }; }( jQuery ));