commit 9cd315c45b74721719cedae4dff4d9afc245c197
parent b00b74bb054fe319859e6ad92fd7445a7cbbae70
Author: Tim Nguyen <nt1m@users.noreply.github.com>
Date: Wed, 15 Oct 2025 08:44:24 +0000
Bug 1993935 [wpt PR 55371] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=283308, a=testonly
Automatic update from web-platform-tests
WebKit export: Make background shorthand default to border-box when border-area specified (#55371)
https://bugs.webkit.org/show_bug.cgi?id=283308
Co-authored-by: Elika Etemad <fantasai.bugs@inkedblade.net>
--
wpt-commits: d99d54a9b151da40a0937bafa2aba8c0f1332b4d
wpt-pr: 55371
Diffstat:
2 files changed, 33 insertions(+), 1 deletion(-)
diff --git a/testing/web-platform/tests/css/css-backgrounds/parsing/background-shorthand-serialization.html b/testing/web-platform/tests/css/css-backgrounds/parsing/background-shorthand-serialization.html
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
-<title>CSS Background Shorthand Serialization Test: background shorthand should only serialize non-initial values</title>
+<title>CSS Background Shorthand Specified Value Serialization Test: background shorthand should only serialize non-initial values</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background">
<meta name="assert" content="background shorthand should only serialize non-initial values">
<script src="/resources/testharness.js"></script>
@@ -43,4 +43,16 @@
element.style = `background: padding-box border-box;`;
assert_equals(element.style.background , 'none');
}, "all initial values");
+
+
+ test((t) => {
+ element.style = `background: border-area border-box;`;
+ assert_equals(element.style.background , 'border-area');
+ }, "border-area border-box");
+
+
+ test((t) => {
+ element.style = `background: border-area padding-box;`;
+ assert_equals(element.style.background , 'padding-box border-area');
+ }, "border-area padding-box");
</script>
diff --git a/testing/web-platform/tests/css/css-backgrounds/parsing/background-valid.html b/testing/web-platform/tests/css/css-backgrounds/parsing/background-valid.html
@@ -43,6 +43,26 @@ test_shorthand_value('background', 'url("https://example.com/") 1px 2px / 3px 4p
'background-clip': 'content-box, content-box',
'background-color': 'rgb(5, 6, 7)',
})
+test_shorthand_value('background', 'border-box content-box', {
+ 'background-image': 'none',
+ 'background-position': '0% 0%',
+ 'background-size': 'auto',
+ 'background-repeat': 'repeat',
+ 'background-attachment': 'scroll',
+ 'background-origin': 'border-box',
+ 'background-clip': 'content-box',
+ 'background-color': 'transparent',
+})
+test_shorthand_value('background', 'border-area', {
+ 'background-image': 'none',
+ 'background-position': '0% 0%',
+ 'background-size': 'auto',
+ 'background-repeat': 'repeat',
+ 'background-attachment': 'scroll',
+ 'background-origin': 'border-box',
+ 'background-clip': 'border-area',
+ 'background-color': 'transparent',
+})
</script>
</body>
