[CSS-Typed-OM] transition-duration property shouldn't allow negativ…

…e values

https://bugs.webkit.org/show_bug.cgi?id=249800

Reviewed by Simon Fraser.

`transition-duration` property shouldn't allow negative values, as per:
- https://w3c.github.io/csswg-drafts/css-transitions/#transition-duration-property

This means that StylePropertyMap.set() should wrap the value in a `calc()` when
negative, and that the computed value should be clamped to [0, inf].

* LayoutTests/imported/w3c/web-platform-tests/css/css-typed-om/the-stylepropertymap/properties/transition-duration-expected.txt:
* LayoutTests/imported/w3c/web-platform-tests/css/css-typed-om/the-stylepropertymap/properties/transition-duration.html:
* Source/WebCore/css/typedom/CSSUnitValue.cpp:
(WebCore::isValueOutOfRangeForProperty):

Canonical link: https://commits.webkit.org/258295@main

LayoutTests/imported/w3c/web-platform-tests/css/css-typed-om/the-stylepropertymap/properties/transition-duration-expected.txt

@@ -5,7 +5,7 @@ PASS Can set 'transition-duration' to CSS-wide keywords: unset
 PASS Can set 'transition-duration' to CSS-wide keywords: revert
 PASS Can set 'transition-duration' to var() references:  var(--A)
 PASS Can set 'transition-duration' to a time: 0s
-FAIL Can set 'transition-duration' to a time: -3.14ms Invalid values
+PASS Can set 'transition-duration' to a time: -3.14ms
 PASS Can set 'transition-duration' to a time: 3.14s
 PASS Can set 'transition-duration' to a time: calc(0s + 0ms)
 PASS Setting 'transition-duration' to a length: 0px throws TypeError

LayoutTests/imported/w3c/web-platform-tests/css/css-typed-om/the-stylepropertymap/properties/transition-duration.html

@@ -13,7 +13,17 @@
 'use strict';
 
 runListValuedPropertyTests('transition-duration', [
-  { syntax: '<time>' },
+  {
+    syntax: '<time>',
+    specified: assert_is_equal_with_range_handling,
+    computed: (input, result) => {
+      const time = input.to('s').value;
+      if (time < 0)
+        assert_style_value_equals(result, new CSSUnitValue(0, 's'));
+      else
+        assert_style_value_equals(result, new CSSUnitValue(time, 's'));
+    }
+  },
 ]);
 
 </script>

Source/WebCore/css/typedom/CSSUnitValue.cpp

@@ -254,6 +254,7 @@ static bool isValueOutOfRangeForProperty(CSSPropertyID propertyID, double value,
     case CSSPropertyStrokeDasharray:
     case CSSPropertyStrokeMiterlimit:
     case CSSPropertyStrokeWidth:
+    case CSSPropertyTransitionDuration:
         return value < 0;
     case CSSPropertyFontWeight:
         return value < 1 || value > 1000;