Bug 1564660 [wpt PR 17442] - [css-images] Radii are clamped non-negative, a=testonly

Automatic update from web-platform-tests
[css-images] Radii are clamped non-negative (#17442)

Compute colors and lengths in
background-image getComputedStyle
w3c/csswg-drafts#4042

Test that radii like calc(-0.5em + 10px) are clamped to be non-negative.
https://drafts.csswg.org/css-images/#radial-gradients
--

wpt-commits: b93cbfae1eb9e2a1248fb2d835ac7a7b1dc649cd
wpt-pr: 17442

UltraBlame original commit: 059a8f834fdf90f64c412f8ccd2de0cdd0910758

Author: marco-c

testing/web-platform/tests/css/css-backgrounds/parsing/background-image-computed.sub.html

@@ -88,6 +88,27 @@
 "
 >
 <
+meta
+name
+=
+"
+assert
+"
+content
+=
+"
+Colors
+and
+lengths
+are
+computed
+with
+radii
+clamped
+.
+"
+>
+<
 script
 src
 =
@@ -143,6 +164,23 @@
 script
 >
 <
+style
+>
+#
+target
+{
+font
+-
+size
+:
+40px
+;
+}
+<
+/
+style
+>
+<
 /
 head
 >
@@ -229,6 +267,275 @@
 '
 )
 ;
+test_computed_value
+(
+'
+background
+-
+image
+'
+'
+linear
+-
+gradient
+(
+to
+left
+bottom
+red
+blue
+)
+'
+'
+linear
+-
+gradient
+(
+to
+left
+bottom
+rgb
+(
+255
+0
+0
+)
+rgb
+(
+0
+0
+255
+)
+)
+'
+)
+;
+test_computed_value
+(
+'
+background
+-
+image
+'
+'
+radial
+-
+gradient
+(
+10px
+at
+20px
+30px
+rgb
+(
+255
+0
+0
+)
+rgb
+(
+0
+0
+255
+)
+)
+'
+)
+;
+test_computed_value
+(
+'
+background
+-
+image
+'
+'
+radial
+-
+gradient
+(
+circle
+calc
+(
+-
+0
+.
+5em
++
+10px
+)
+at
+calc
+(
+-
+1em
++
+10px
+)
+calc
+(
+-
+2em
++
+10px
+)
+red
+blue
+)
+'
+'
+radial
+-
+gradient
+(
+0px
+at
+-
+30px
+-
+70px
+rgb
+(
+255
+0
+0
+)
+rgb
+(
+0
+0
+255
+)
+)
+'
+)
+;
+test_computed_value
+(
+'
+background
+-
+image
+'
+'
+radial
+-
+gradient
+(
+ellipse
+calc
+(
+-
+0
+.
+5em
++
+10px
+)
+calc
+(
+0
+.
+5em
++
+10px
+)
+at
+20px
+30px
+red
+blue
+)
+'
+'
+radial
+-
+gradient
+(
+0px
+30px
+at
+20px
+30px
+rgb
+(
+255
+0
+0
+)
+rgb
+(
+0
+0
+255
+)
+)
+'
+)
+;
+test_computed_value
+(
+'
+background
+-
+image
+'
+'
+radial
+-
+gradient
+(
+ellipse
+calc
+(
+0
+.
+5em
++
+10px
+)
+calc
+(
+-
+0
+.
+5em
++
+10px
+)
+at
+20px
+30px
+red
+blue
+)
+'
+'
+radial
+-
+gradient
+(
+30px
+0px
+at
+20px
+30px
+rgb
+(
+255
+0
+0
+)
+rgb
+(
+0
+0
+255
+)
+)
+'
+)
+;
 <
 /
 script