Tests: Disable CSS Custom Properties tests in old Safari/iOS

mgol · web-flow · commit e9f77267d00f · 2021-11-15T18:40:58.000+01:00
Safari 9.1 & iOS 9.3 support CSS custom properties but that support is buggy which crashes our tests. Disable those tests there. See https://caniuse.com/css-variables Closes gh-4966
diff --git a/test/unit/css.js b/test/unit/css.js
@@ -1732,14 +1732,24 @@ QUnit.test( "Do not throw on frame elements from css method (#15098)", function(
 
 ( function() {
 	var supportsCssVars,
+		oldSafari = /iphone os 9_/i.test( navigator.userAgent ) ||
+			/\b9\.\d+(\.\d+)* safari/i.test( navigator.userAgent ),
 		elem = jQuery( "<div>" ).appendTo( document.body ),
 		div = elem[ 0 ];
 
 	div.style.setProperty( "--prop", "value" );
 	supportsCssVars = !!getComputedStyle( div ).getPropertyValue( "--prop" );
 	elem.remove();
 
-	QUnit[ supportsCssVars ? "test" : "skip" ]( "css(--customProperty)", function( assert ) {
+	QUnit[
+
+		// Support: iOS 9.3 only, Safari 9.1 only
+		// Safari 9.1 & iOS 9.3 support CSS custom properties but that support
+		// is buggy which crashes our tests.
+		supportsCssVars && !oldSafari ?
+			"test" :
+			"skip"
+	]( "css(--customProperty)", function( assert ) {
 		jQuery( "#qunit-fixture" ).append(
 			"<style>\n" +
 			"    .test__customProperties {\n" +
