Bug 1947321 [wpt PR 50617] - Parse the corner-shape shorthand, a=testonly

Automatic update from web-platform-tests
Parse the corner-shape shorthand

`corner-shape` works similarly to `border-radius`, with a
space-separated list of numbers.

See https://drafts.csswg.org/css-borders-4/#corner-shape-shorthand

Bug: 393942214
Change-Id: I8dad98531068b7bc5d1c8ca81b3076e1f72ad303
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6234257
Commit-Queue: Noam Rosenthal <[email protected]>
Reviewed-by: Fredrik Söderquist <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1418531}

--

wpt-commits: 2897a7bbe05d9b3e43deb694c7ffb5eb33d8f7a7
wpt-pr: 50617

Author: noamr

testing/web-platform/tests/css/css-borders/tentative/parsing/corner-shape-computed.html

@@ -25,4 +25,17 @@
 test_computed_value("corner-top-right-shape", "superellipse(5)");
 test_computed_value("corner-bottom-right-shape", "scoop");
 test_computed_value("corner-bottom-left-shape", "superellipse(5)");
+test_computed_value("corner-shape", "superellipse(5) round");
+test_computed_value("corner-shape", "round");
+test_computed_value("corner-shape", "bevel superellipse(0.1) round squircle");
+test_computed_value("corner-shape", "superellipse(0.1) superellipse(3) superellipse(7) superellipse(0.1)");
+test_computed_value("corner-shape", "round round round round", "round");
+test_computed_value("corner-shape", "round scoop");
+test_computed_value("corner-shape", "round scoop round scoop", "round scoop");
+test_computed_value("corner-shape", "bevel superellipse(2)", "bevel round");
+test_computed_value("corner-shape", "superellipse(0.5) superellipse(3) straight", "scoop superellipse(3) straight");
+test_computed_value("corner-shape", "superellipse(0.5) superellipse(3) superellipse(1)", "scoop superellipse(3) bevel");
+test_computed_value("corner-shape", "bevel superellipse(2) squircle     round", "bevel round squircle");
+test_computed_value("corner-shape", "superellipse(0.5) superellipse(3) superellipse(1) superellipse(infinity)", "scoop superellipse(3) bevel straight");
+
 </script>

testing/web-platform/tests/css/css-borders/tentative/parsing/corner-shape-invalid.html

@@ -19,4 +19,7 @@
 test_invalid_value("corner-shape", "superellipse(4,0.1)");
 test_invalid_value("corner-shape", "superellipse(foo)");
 test_invalid_value("corner-shape", "superellipse(1 abc)");
+test_invalid_value("corner-shape", "superellipse(1) / bevel");
+test_invalid_value("corner-shape", "superellipse(1) / superellipse(3)");
+test_invalid_value("corner-shape", "superellipse(1), superellipse(3)");
 </script>

testing/web-platform/tests/css/css-borders/tentative/parsing/corner-shape-valid.html

@@ -36,4 +36,13 @@
             test_values_for_prop(`corner-${block}-${inline}-shape`);
         }
     }
+    test_valid_value("corner-shape", "round round round round", "round");
+    test_valid_value("corner-shape", "round scoop");
+    test_valid_value("corner-shape", "round scoop round scoop", "round scoop");
+    test_valid_value("corner-shape", "bevel superellipse(2)");
+    test_valid_value("corner-shape", "superellipse(0.5) superellipse(3) straight");
+    test_valid_value("corner-shape", "superellipse(0.5) superellipse(3) superellipse(1)");
+    test_valid_value("corner-shape", "bevel superellipse(2) squircle     round", "bevel superellipse(2) squircle round");
+    test_valid_value("corner-shape", "superellipse(0.5) superellipse(3) superellipse(1) superellipse(infinity)");
+
 </script>