Add test for cloned border-radius.

This has already been working for some time, but there was no test coverage. Bug: 40415661 Change-Id: I5e172747d278e66019414285e99b2c9b3578334d Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5797055 Reviewed-by: Ian Kilpatrick <[email protected]> Commit-Queue: Morten Stenshorne <[email protected]> Cr-Commit-Position: refs/heads/main@{#1344190}
web-platform-tests · Aug 20, 2024 · ef5d088 · ef5d088
1 parent 1e72620
commit ef5d088
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/css/css-break/borders-008-ref.html b/css/css-break/borders-008-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
+<p>There should be three circles below.</p>
+<div style="display:flex; justify-items:space-between; width:320px; gap:10px; height:100px;">
+  <div style="border:10px solid; border-radius:50px; width:80px; height:80px; background:yellow;"></div>
+  <div style="border:10px solid; border-radius:50px; width:80px; height:80px; background:yellow;"></div>
+  <div style="border:10px solid; border-radius:50px; width:80px; height:80px; background:yellow;"></div>
+</div>
diff --git a/css/css-break/borders-008.html b/css/css-break/borders-008.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
+<link rel="help" href="https://www.w3.org/TR/css-break-3/#break-decoration">
+<link rel="match" href="borders-008-ref.html">
+<p>There should be three circles below.</p>
+<div style="columns:3; width:320px; gap:10px; column-fill:auto; height:100px;">
+  <div style="box-decoration-break:clone; border:10px solid; border-radius:50px; width:80px; height:240px; background:yellow;"></div>
+</div>