LibWeb: Serialize transition as a coordinating list shorthand

Author: https://github.com/Calme1709
Commit: bb7d5747e7
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/6508
Reviewed-by: https://github.com/AtkinsSJ ✅

Libraries/LibWeb/CSS/StyleValues/ShorthandStyleValue.cpp

@@ -838,6 +838,8 @@ String ShorthandStyleValue::to_string(SerializationMode mode) const
 
         return builder.to_string_without_validation();
     }
+    case PropertyID::Transition:
+        return coordinating_value_list_shorthand_to_string("all"sv);
     case PropertyID::WhiteSpace: {
         auto white_space_collapse_property = longhand(PropertyID::WhiteSpaceCollapse);
         auto text_wrap_mode_property = longhand(PropertyID::TextWrapMode);

Tests/LibWeb/Text/expected/wpt-import/css/css-transitions/parsing/transition-behavior.txt

@@ -2,8 +2,7 @@ Harness status: OK
 
 Found 28 tests
 
-24 Pass
-4 Fail
+28 Pass
 Pass	e.style['transition-behavior'] = "normal" should set the property value
 Pass	Property transition-behavior value 'normal'
 Pass	e.style['transition-behavior'] = "allow-discrete" should set the property value
@@ -28,7 +27,7 @@ Pass	Property transition value 'display allow-discrete 3s ease-in-out 1s'
 Pass	Property transition value 'display 3s allow-discrete ease-in-out 1s'
 Pass	Property transition value 'display 3s ease-in-out allow-discrete 1s'
 Pass	Property transition value 'display 3s ease-in-out 1s allow-discrete'
-Fail	e.style['transition'] = "allow-discrete display, normal opacity, color" should set the property value
-Fail	Property transition value 'allow-discrete display, normal opacity, color'
-Fail	e.style['transition'] = "normal opacity, color, allow-discrete display" should set the property value
-Fail	Property transition value 'normal opacity, color, allow-discrete display'
+Pass	e.style['transition'] = "allow-discrete display, normal opacity, color" should set the property value
+Pass	Property transition value 'allow-discrete display, normal opacity, color'
+Pass	e.style['transition'] = "normal opacity, color, allow-discrete display" should set the property value
+Pass	Property transition value 'normal opacity, color, allow-discrete display'

Tests/LibWeb/Text/expected/wpt-import/css/css-transitions/parsing/transition-computed.txt

@@ -2,8 +2,8 @@ Harness status: OK
 
 Found 10 tests
 
-6 Pass
-4 Fail
+9 Pass
+1 Fail
 Pass	Default transition value
 Pass	Property transition value '1s'
 Pass	Property transition value 'cubic-bezier(0, -2, 1, 3)'
@@ -11,6 +11,6 @@ Pass	Property transition value '1s -3s'
 Fail	Property transition value 'none'
 Pass	Property transition value 'top'
 Pass	Property transition value '1s -3s cubic-bezier(0, -2, 1, 3) top'
-Fail	Property transition value '1s -3s, cubic-bezier(0, -2, 1, 3) top'
-Fail	Property transition value 'all, all'
-Fail	Transition with a delay but no duration
+Pass	Property transition value '1s -3s, cubic-bezier(0, -2, 1, 3) top'
+Pass	Property transition value 'all, all'
+Pass	Transition with a delay but no duration

Tests/LibWeb/Text/expected/wpt-import/css/css-transitions/parsing/transition-valid.txt

@@ -2,15 +2,15 @@ Harness status: OK
 
 Found 10 tests
 
-8 Pass
-2 Fail
+9 Pass
+1 Fail
 Pass	e.style['transition'] = "1s" should set the property value
 Pass	e.style['transition'] = "cubic-bezier(0, -2, 1, 3)" should set the property value
 Pass	e.style['transition'] = "1s -3s" should set the property value
 Fail	e.style['transition'] = "none" should set the property value
 Pass	e.style['transition'] = "top" should set the property value
 Pass	e.style['transition'] = "1s -3s cubic-bezier(0, -2, 1, 3) top" should set the property value
-Fail	e.style['transition'] = "1s -3s, cubic-bezier(0, -2, 1, 3) top" should set the property value
+Pass	e.style['transition'] = "1s -3s, cubic-bezier(0, -2, 1, 3) top" should set the property value
 Pass	e.style['transition'] = "all" should set the property value
 Pass	e.style['transition'] = "all 1s" should set the property value
 Pass	e.style['transition'] = "initial" should set the property value