Skip to content

Sync css-borders wpt #66379

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
webkit-commit-queue merged 1 commit into from
Jun 4, 2026
Merged

Sync css-borders wpt #66379

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 46 additions & 1 deletion LayoutTests/TestExpectations
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6596,7 +6596,52 @@ webkit.org/b/255101 imported/w3c/web-platform-tests/css/css-borders/border-radiu
webkit.org/b/255101 imported/w3c/web-platform-tests/css/css-borders/tentative/border-radius-side-shorthands/border-radius-side-shorthands-001.html [ ImageOnlyFailure ]
webkit.org/b/255101 imported/w3c/web-platform-tests/css/css-borders/tentative/border-radius-side-shorthands/border-radius-side-shorthands-002.html [ ImageOnlyFailure ]

webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/tentative/corner-shape [ Skip ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape-absolute-coords-shape.tentative.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-background-origin-border-box.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-polygon-miter-limit.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-shadow-blur.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-shadow-circle.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-shadow-inset-blur.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-shadow-transparent.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-stroke-from-border.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-two-shapes-shadow.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-double.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-backdrop-filter-overflow.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-backdrop-filter-video-overflow.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-backdrop-filter.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-bevel-overflow-composite.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-bevel-overflow.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-fill.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-clips-background.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-collapsed-shape-clips-background.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-geometry-box.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-ignore-radius.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-inner-outer.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-inset-shadow.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-auto-forms.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-auto-with-border.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-auto.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-double-path.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shorthand-rendering.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-double-shape.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-offset.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-with-border-double-ellipse.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-with-border-ellipse.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline-with-border.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-outline.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-overflow-solid-background.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/border-shape/border-shape-overflow.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-img-border.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-inset-shadow.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-notch.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-overflow-clip-margin.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-square.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-svg-border.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-video-border.html [ ImageOnlyFailure ]
webkit.org/b/277912 imported/w3c/web-platform-tests/css/css-borders/corner-shape/corner-shape-iframe-border.html [ ImageOnlyFailure ]

ipc/send-gpu-GetShareableBitmap-RemoteRenderingBackend.html [ ImageOnlyFailure ]
media/media-source/media-source-real-play-after-eos.html [ ImageOnlyFailure ]

webkit.org/b/279222 imported/w3c/web-platform-tests/css/css-backgrounds/background-image-cors-no-reload.html [ Pass Failure ]

Expand Down
63 changes: 59 additions & 4 deletions LayoutTests/imported/w3c/resources/resource-files.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2807,16 +2807,71 @@
"web-platform-tests/css/css-backgrounds/ttwf-css3background-border-style-shorthand.htm",
"web-platform-tests/css/css-backgrounds/ttwf-css3background-border-style-values.htm",
"web-platform-tests/css/css-backgrounds/ttwf-css3background-border-style.htm",
"web-platform-tests/css/css-borders/border-radius-currentcolor-ref.html",
"web-platform-tests/css/css-borders/border-shape-absolute-coords-shape-ref.tentative.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-background-origin-border-box-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-clips-background-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-collapsed-shape-clips-background-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-combined-shadow-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-double-shape-default-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-dynamic-color-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-geometry-box-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-half-border-box-default-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-ignore-radius-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-inner-outer-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-inset-shadow-blur-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-inset-shadow-negative-spread-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-inset-shadow-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-auto-forms-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-auto-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-auto-with-border-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-double-path-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-double-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-double-shape-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-invalidation-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-offset-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-with-border-double-ellipse-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-with-border-ellipse-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-outline-with-border-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-overflow-child-clip-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-overflow-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-overflow-replaced-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-overflow-replaced-self-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-overflow-solid-background-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-polygon-miter-limit-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-shadow-blur-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-shadow-circle-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-shadow-inset-blur-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-shadow-negative-spread-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-shadow-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-shadow-semitransparent-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-shadow-transparent-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-stroke-from-border-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-stroke-invalidation-ref.html",
"web-platform-tests/css/css-borders/border-shape/border-shape-two-shapes-shadow-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-backdrop-filter-overflow-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-backdrop-filter-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-backdrop-filter-video-overflow-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-bevel-overflow-composite-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-bevel-overflow-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-fill-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-gallery.manual.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-img-border-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-img-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-inset-shadow-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-noop-keyframe-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-notch-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-overflow-clip-margin-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shape-square-ref.html",
"web-platform-tests/css/css-borders/corner-shape/corner-shorthand-rendering-ref.html",
"web-platform-tests/css/css-borders/corner-shape/render-corner-shape-ref.html",
"web-platform-tests/css/css-borders/reference/border-radius-greater-than-width-ref.html",
"web-platform-tests/css/css-borders/reference/border-radius-side-shorthands-ref.html",
"web-platform-tests/css/css-borders/reference/borders-on-sub-unit-sized-elements-ref.html",
"web-platform-tests/css/css-borders/reference/subpixel-border-width-ref.tentative.html",
"web-platform-tests/css/css-borders/reference/subpixel-borders-with-child-border-box-sizing-ref.html",
"web-platform-tests/css/css-borders/reference/subpixel-borders-with-child-ref.html",
"web-platform-tests/css/css-borders/tentative/corner-shape/corner-shape-bevel-overflow-composite-ref.html",
"web-platform-tests/css/css-borders/tentative/corner-shape/corner-shape-bevel-overflow-ref.html",
"web-platform-tests/css/css-borders/tentative/corner-shape/corner-shape-fill-ref.html",
"web-platform-tests/css/css-borders/tentative/corner-shape/corner-shape-render-ref.html",
"web-platform-tests/css/css-break/abspos-in-clipped-overflow-print-ref.html",
"web-platform-tests/css/css-break/abspos-in-clipped-overflow-print.html",
"web-platform-tests/css/css-break/abspos-in-opacity-000-ref.html",
Expand Down
7 changes: 7 additions & 0 deletions LayoutTests/imported/w3c/web-platform-tests/css/css-borders/WEB_FEATURES.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
features:
- name: border-radius
files:
- border-radius-greater-than-width.html
- name: borders
files:
- border-width-rounding.tentative.html
18 changes: 18 additions & 0 deletions ...c/web-platform-tests/css/css-borders/border-image-gradient-zero-size-transform-crash.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<style>
#container {
border-style: dotted hidden;
border-image: repeating-linear-gradient(to left top, blue, red);
width: 0;
transition: all 0.5s;
}
</style>

<div id="container"></div>

<script>
addEventListener("load", () => {
container.style.padding = "1px";
});
</script>
</body>
19 changes: 19 additions & 0 deletions .../imported/w3c/web-platform-tests/css/css-borders/border-radius-currentcolor-expected.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!doctype html>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<style>
:root {
--color: #fff;
background: var(--color);
color: var(--color);
}
div {
display: block;
width: 51px;
height: 51px;
border-radius: 50%;
background-color: #323232;
border: 10px solid var(--color);
}
</style>
<div></div>
19 changes: 19 additions & 0 deletions ...Tests/imported/w3c/web-platform-tests/css/css-borders/border-radius-currentcolor-ref.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!doctype html>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<style>
:root {
--color: #fff;
background: var(--color);
color: var(--color);
}
div {
display: block;
width: 51px;
height: 51px;
border-radius: 50%;
background-color: #323232;
border: 10px solid var(--color);
}
</style>
<div></div>
24 changes: 24 additions & 0 deletions LayoutTests/imported/w3c/web-platform-tests/css/css-borders/border-radius-currentcolor.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!doctype html>
<meta charset="utf-8">
<title>border-color: currentColor + border-radius</title>
<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-color">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1999938">
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<link rel="author" title="Mozilla" href="https://mozilla.com">
<link rel="match" href="border-radius-currentcolor-ref.html">
<style>
:root {
--color: #fff;
background: var(--color);
color: var(--color);
}
div {
display: block;
width: 51px;
height: 51px;
border-radius: 50%;
background-color: #323232;
border: 10px solid currentcolor;
}
</style>
<div></div>
18 changes: 18 additions & 0 deletions .../web-platform-tests/css/css-borders/border-shape-absolute-coords-shape-ref.tentative.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<style>
svg {
position: absolute;
top: 200px;
left: 0;
width: 200px;
height: 200px;
overflow: visible;
stroke: purple;
stroke-width: 10px;
border: 5px solid transparent;
fill: green;
}
</style>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<polygon points="0,0 200,0, 100,200" />
</svg>
18 changes: 18 additions & 0 deletions ...platform-tests/css/css-borders/border-shape-absolute-coords-shape.tentative-expected.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<style>
svg {
position: absolute;
top: 200px;
left: 0;
width: 200px;
height: 200px;
overflow: visible;
stroke: purple;
stroke-width: 10px;
border: 5px solid transparent;
fill: green;
}
</style>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<polygon points="0,0 200,0, 100,200" />
</svg>
18 changes: 18 additions & 0 deletions .../w3c/web-platform-tests/css/css-borders/border-shape-absolute-coords-shape.tentative.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>CSS Borders Test: border-shape with absolute positioning</title>
<link rel="help" href="https://www.w3.org/TR/css-borders-4/#propdef-border-shape">
<link rel="help" href="https://drafts.csswg.org/css-shapes-1/#shape-function">
<link rel="match" href="border-shape-absolute-coords-shape-ref.tentative.html">
<style>
.bs-target {
position: absolute;
top: 200px;
left: 0px;
width: 190px;
height: 190px;
border-shape: shape(from 0% 0%, line to 100% 0%, line to 50% 100%, close);
border: 10px solid purple;
background: green;
}
</style>
<div class="bs-target"></div>
Loading