From 80f57f8a13debaab87b99f73631669699da3e1a5 Mon Sep 17 00:00:00 2001 From: Timmy Willison <4timmywil@gmail.com> Date: Tue, 2 Jan 2018 16:45:10 -0500 Subject: Attributes: allow array param in add/remove/toggleClass +30 bytes instead of +182 Thanks to @faisaliyk for the first pass on this feature. Fixes gh-3532 Close gh-3917 --- test/unit/attributes.js | 50 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) (limited to 'test/unit/attributes.js') diff --git a/test/unit/attributes.js b/test/unit/attributes.js index 3ab023eaf..b446fe1c3 100644 --- a/test/unit/attributes.js +++ b/test/unit/attributes.js @@ -12,6 +12,10 @@ function functionReturningObj( value ) { }; } +function arrayFromString( value ) { + return value ? value.split( " " ) : []; +} + /* ======== local reference ======= bareObj and functionReturningObj can be used to test passing functions to setters @@ -1261,6 +1265,10 @@ QUnit.test( "addClass(Function)", function( assert ) { testAddClass( functionReturningObj, assert ); } ); +QUnit.test( "addClass(Array)", function( assert ) { + testAddClass( arrayFromString, assert ); +} ); + QUnit.test( "addClass(Function) with incoming value", function( assert ) { assert.expect( 52 ); var pass, i, @@ -1334,6 +1342,10 @@ QUnit.test( "removeClass(Function) - simple", function( assert ) { testRemoveClass( functionReturningObj, assert ); } ); +QUnit.test( "removeClass(Array) - simple", function( assert ) { + testRemoveClass( arrayFromString, assert ); +} ); + QUnit.test( "removeClass(Function) with incoming value", function( assert ) { assert.expect( 52 ); @@ -1432,6 +1444,10 @@ QUnit.test( "toggleClass(Function[, boolean])", function( assert ) { testToggleClass( functionReturningObj, assert ); } ); +QUnit.test( "toggleClass(Array[, boolean])", function( assert ) { + testToggleClass( arrayFromString, assert ); +} ); + QUnit.test( "toggleClass(Function[, boolean]) with incoming value", function( assert ) { assert.expect( 14 ); @@ -1567,6 +1583,40 @@ QUnit.test( "addClass, removeClass, hasClass on many elements", function( assert "Did not find a class when not present" ); } ); +QUnit.test( "addClass, removeClass, hasClass on many elements - Array", function( assert ) { + assert.expect( 16 ); + + var elem = jQuery( "
p0
p1
p2
" ); + + elem.addClass( [ "hi" ] ); + assert.equal( elem[ 0 ].className, "hi", "Check single added class" ); + assert.equal( elem[ 1 ].className, "hi", "Check single added class" ); + assert.equal( elem[ 2 ].className, "hi", "Check single added class" ); + + elem.addClass( [ "foo", "bar" ] ); + assert.equal( elem[ 0 ].className, "hi foo bar", "Check more added classes" ); + assert.equal( elem[ 1 ].className, "hi foo bar", "Check more added classes" ); + assert.equal( elem[ 2 ].className, "hi foo bar", "Check more added classes" ); + + elem.removeClass(); + assert.equal( elem[ 0 ].className, "", "Remove all classes" ); + assert.equal( elem[ 1 ].className, "", "Remove all classes" ); + assert.equal( elem[ 2 ].className, "", "Remove all classes" ); + + elem.addClass( [ "hi", "foo", "bar", "baz" ] ); + elem.removeClass( [ "foo" ] ); + assert.equal( elem[ 0 ].className, "hi bar baz", "Check removal of one class" ); + assert.equal( elem[ 1 ].className, "hi bar baz", "Check removal of one class" ); + assert.equal( elem[ 2 ].className, "hi bar baz", "Check removal of one class" ); + + elem.removeClass( [ "bar baz" ] ); + assert.equal( elem[ 0 ].className, "hi", "Check removal of two classes" ); + assert.equal( elem[ 1 ].className, "hi", "Check removal of two classes" ); + assert.equal( elem[ 2 ].className, "hi", "Check removal of two classes" ); + + assert.ok( elem.hasClass( "hi" ), "Check has1" ); +} ); + QUnit.test( "addClass, removeClass, hasClass on elements with classes with non-HTML whitespace (gh-3072, gh-3003)", function( assert ) { assert.expect( 9 ); -- cgit v1.2.3