Tests: add test case to css custom property

fecore1 · fecore1 · commit af5f56e5a149 · 2021-09-17T10:21:30.000+08:00
[#4926](#4926)
diff --git a/test/unit/css.js b/test/unit/css.js
@@ -1738,10 +1738,13 @@ QUnit.testUnlessIE( "css(--customProperty)", function( assert ) {
 		"    .test__customProperties {\n" +
 		"        --prop1:val1;\n" +
 		"        --prop2: val2;\n" +
-		"        --prop3:val3 ;\n" +
-		"        --prop4: val4 ;\n" +
-		"        --prop5:\"val5\";\n" +
-		"        --prop6:'val6';\n" +
+		"        --prop3:   val3;\n" +
+		"        --prop4:val4 ;\n" +
+		"        --prop5:val5   ;\n" +
+		"        --prop6: val6 ;\n" +
+		"        --prop7:   val7   ;\n" +
+		"        --prop8:\"val8\";\n" +
+		"        --prop9:'val9';\n" +
 		"    }\n" +
 		"</style>"
 	);
@@ -1750,7 +1753,7 @@ QUnit.testUnlessIE( "css(--customProperty)", function( assert ) {
 		$elem = jQuery( "<div>" ).addClass( "test__customProperties" )
 			.appendTo( "#qunit-fixture" ),
 		webkitOrBlink = /\bsafari\b/i.test( navigator.userAgent ),
-		expected = 11;
+		expected = 14;
 
 	if ( webkitOrBlink ) {
 		expected -= 2;
@@ -1779,15 +1782,18 @@ QUnit.testUnlessIE( "css(--customProperty)", function( assert ) {
 	assert.equal( $elem.css( "--prop1" ), "val1", "Basic CSS custom property" );
 
 	assert.equal( $elem.css( "--prop2" ), "val2", "Preceding whitespace trimmed" );
-	assert.equal( $elem.css( "--prop3" ), "val3", "Following whitespace trimmed" );
-	assert.equal( $elem.css( "--prop4" ), "val4", "Preceding and Following whitespace trimmed" );
+	assert.equal( $elem.css( "--prop3" ), "val3", "Multiple preceding whitespace trimmed" );
+	assert.equal( $elem.css( "--prop4" ), "val4", "Following whitespace trimmed" );
+	assert.equal( $elem.css( "--prop5" ), "val5", "Multiple Following whitespace trimmed" );
+	assert.equal( $elem.css( "--prop6" ), "val6", "Preceding and Following whitespace trimmed" );
+	assert.equal( $elem.css( "--prop7" ), "val7", "Multiple preceding and following whitespace trimmed" );
 
 	// Support: Chrome <=49 - 73+, Safari <=9.1 - 12.1+
 	// Chrome treats single quotes as double ones.
 	// Safari treats double quotes as single ones.
 	if ( !webkitOrBlink ) {
-		assert.equal( $elem.css( "--prop5" ), "\"val5\"", "Works with double quotes" );
-		assert.equal( $elem.css( "--prop6" ), "'val6'", "Works with single quotes" );
+		assert.equal( $elem.css( "--prop8" ), "\"val8\"", "Works with double quotes" );
+		assert.equal( $elem.css( "--prop9" ), "'val9'", "Works with single quotes" );
 	}
 } );
 
