Add tests data- and aria- attributes and the autofocus boolean attribute and some style updates in jQuery.attr
This commit is contained in:
parent
83e9ce95d7
commit
5165033883
2 changed files with 17 additions and 6 deletions
|
@ -6,7 +6,7 @@ var rclass = /[\n\t\r]/g,
|
|||
rtype = /^(?:button|input)$/i,
|
||||
rfocusable = /^(?:button|input|object|select|textarea)$/i,
|
||||
rclickable = /^a(?:rea)?$/i,
|
||||
special = /^(?:data-|aria-)/,
|
||||
rspecial = /^(?:data-|aria-)/,
|
||||
formHook;
|
||||
|
||||
jQuery.fn.extend({
|
||||
|
@ -312,7 +312,7 @@ jQuery.extend({
|
|||
|
||||
if ( value !== undefined ) {
|
||||
|
||||
if ( value === null || (value === false && !special.test( name )) ) {
|
||||
if ( value === null || (value === false && !rspecial.test( name )) ) {
|
||||
jQuery.removeAttr( elem, name );
|
||||
return undefined;
|
||||
|
||||
|
@ -320,9 +320,12 @@ jQuery.extend({
|
|||
return ret;
|
||||
|
||||
} else {
|
||||
if( value === true && !special.test( name ) ){
|
||||
|
||||
// Set boolean attributes to the same name
|
||||
if ( value === true && !rspecial.test( name ) ) {
|
||||
value = name;
|
||||
}
|
||||
|
||||
elem.setAttribute( name, "" + value );
|
||||
return value;
|
||||
}
|
||||
|
|
|
@ -177,7 +177,7 @@ test("attr(Hash)", function() {
|
|||
});
|
||||
|
||||
test("attr(String, Object)", function() {
|
||||
expect(30);
|
||||
expect(35);
|
||||
|
||||
var div = jQuery("div").attr("foo", "bar"),
|
||||
fail = false;
|
||||
|
@ -189,7 +189,7 @@ test("attr(String, Object)", function() {
|
|||
}
|
||||
}
|
||||
|
||||
equals( fail, false, "Set Attribute, the #"+fail+" element didn't get the attribute 'foo'" );
|
||||
equals( fail, false, "Set Attribute, the #" + fail + " element didn't get the attribute 'foo'" );
|
||||
|
||||
// Fails on IE since recent changes to .attr()
|
||||
// ok( jQuery("#foo").attr({"width": null}), "Try to set an attribute to nothing" );
|
||||
|
@ -213,7 +213,15 @@ test("attr(String, Object)", function() {
|
|||
var $p = jQuery("#firstp").attr("nonexisting", "foo");
|
||||
equals( $p.attr("nonexisting"), "foo", "attr(name, value) works correctly for non existing attributes (bug #7500).");
|
||||
$p.removeAttr("nonexisting");
|
||||
|
||||
|
||||
var $text = jQuery("#text1").attr("autofocus", true);
|
||||
equals( $text.attr("autofocus"), "autofocus", "Set boolean attributes to the same name");
|
||||
equals( $text.attr("autofocus", false).attr("autofocus"), undefined, "Setting autofocus attribute to false removes it");
|
||||
equals( $text.attr("data-something", true).data("something"), true, "Setting data attributes are not affected by boolean settings");
|
||||
equals( $text.attr("data-another", false).data("another"), false, "Setting data attributes are not affected by boolean settings" );
|
||||
equals( $text.attr("aria-disabled", false).attr("aria-disabled"), "false", "Setting aria attributes are not affected by boolean settings");
|
||||
$text.removeData("something").removeData("another").removeAttr("aria-disabled");
|
||||
|
||||
var attributeNode = document.createAttribute("irrelevant"),
|
||||
commentNode = document.createComment("some comment"),
|
||||
textNode = document.createTextNode("some text");
|
||||
|
|
Loading…
Reference in a new issue