jquery-ui/tests/unit/testsuite.js

209 lines
5.1 KiB
JavaScript
Raw Normal View History

(function( $ ) {
2011-01-25 00:20:09 +00:00
window.TestHelpers = {};
function includeStyle( url ) {
document.write( "<link rel='stylesheet' href='../../../" + url + "'>" );
}
function includeScript( url ) {
document.write( "<script src='../../../" + url + "'></script>" );
}
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" );
2012-04-30 00:22:31 +00:00
var jshintLoaded = false;
TestHelpers.testJshint = function( module ) {
if ( QUnit.urlParams.nojshint ) {
return;
}
2012-04-30 00:22:31 +00:00
if ( !jshintLoaded ) {
includeScript( "external/jshint.js" );
jshintLoaded = true;
}
asyncTest( "JSHint", function() {
expect( 1 );
$.when(
$.ajax({
url: "../../../ui/.jshintrc",
dataType: "json"
}),
$.ajax({
2012-04-30 00:22:31 +00:00
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();
});
});
2012-04-30 05:19:26 +00:00
};
2011-01-25 00:20:09 +00:00
function testWidgetDefaults( widget, defaults ) {
var pluginDefaults = $.ui[ widget ].prototype.options;
// ensure that all defaults have the correct value
2011-01-25 00:20:09 +00:00
test( "defined defaults", function() {
$.each( defaults, function( key, val ) {
if ( $.isFunction( val ) ) {
ok( $.isFunction( pluginDefaults[ key ] ), key );
return;
}
deepEqual( pluginDefaults[ key ], val, key );
2009-04-17 21:28:37 +00:00
});
});
2011-01-25 00:20:09 +00:00
2009-04-17 21:28:37 +00:00
// ensure that all defaults were tested
2011-01-25 00:20:09 +00:00
test( "tested defaults", function() {
$.each( pluginDefaults, function( key, val ) {
ok( key in defaults, key );
2009-04-17 21:28:37 +00:00
});
});
}
2011-01-25 00:20:09 +00:00
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 );
});
2009-04-17 21:28:37 +00:00
});
}
}
2011-01-25 00:20:09 +00:00
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();
2011-01-25 00:20:09 +00:00
ok( true, "initialized on disconnected DOMElement - never connected" );
$( defaultElement ).appendTo( "body" ).remove()[ widget ]().remove();
2011-01-25 00:20:09 +00:00
ok( true, "initialized on disconnected DOMElement - removed" );
});
}
2011-01-25 00:20:09 +00:00
TestHelpers.commonWidgetTests = function( widget, settings ) {
2011-01-25 00:20:09 +00:00
module( widget + ": common widget" );
2012-04-30 00:22:31 +00:00
TestHelpers.testJshint( "ui." + widget );
2011-01-25 00:20:09 +00:00
testWidgetDefaults( widget, settings.defaults );
testWidgetOverrides( widget );
testBasicUsage( widget );
test( "version", function() {
2011-05-28 19:42:55 +00:00
ok( "version" in $.ui[ widget ].prototype, "version property exists" );
});
2012-04-19 02:36:15 +00:00
};
/*
* 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 ) {
2012-04-19 02:36:15 +00:00
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;
}
2012-04-19 02:36:15 +00:00
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;
}
2012-04-19 02:36:15 +00:00
expected = extract( $( selector ) );
modifier( $( selector ) );
2012-04-19 02:36:15 +00:00
actual = extract( $( selector ) );
QUnit.push( QUnit.equiv(actual, expected), actual, expected, message );
2012-04-19 02:36:15 +00:00
};
2011-01-25 00:20:09 +00:00
}( jQuery ));