Bug 1852352 [wpt PR 41889] - Bring clip-path-polygon-010.html up-to-d…

…ate with the current spec, a=testonly Automatic update from web-platform-tests Bring clip-path-polygon-010.html up-to-date with the current spec See interop-2023 test change proposal: web-platform-tests/interop#409 Bug: 1457595 Change-Id: I42e93b76005e277ce5cb6ced021b37855d3e185f Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4850602 Auto-Submit: Philip Rogers <pdr@chromium.org> Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Cr-Commit-Position: refs/heads/main@{#1194938} -- wpt-commits: 4dd18031b2c1975d722f956483a6cd356574629a wpt-pr: 41889
mozilla · Sep 28, 2023 · 172750b · 172750b
1 parent a418043
commit 172750b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-010.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-010.html
@@ -9,9 +9,9 @@
 	<meta name="assert" content="The clip-path property allows specifying
 	basic shapes and reference boxes. This test checks the usage of the correct
 	reference box. 'fill-box' was specified but is not supported for HTML
-	elements. The used value should be 'border-box' for the polygon() function
+	elements. The used value should be 'content-box' for the polygon() function
 	instead. By mixing percentage and absolute values as coordinates we check
-	the correct used reference box. On sucess you should see a green
+	the correct used reference box. On success you should see a green
 	vertical stripe next to a lime green vertical stripe. Both should be of equal
 	size.">
 <style>
@@ -27,6 +27,6 @@
 </style>
 <body>
 	<p>The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.</p>
-	<div style="clip-path: polygon(0% 25%, 50% 50px, 100px 75%, 0 150px) fill-box"></div>
+	<div style="clip-path: polygon(-75px -50%, 50% -25px, 25px 150%, -75px 75px) fill-box"></div>
 </body>
 </html>