commit e950b78c9945fc71cf335d99dbb92c16373601c9
parent e7222849b2d19e829f3c2111c5b96ccb86f16b0f
Author: moonira <moonira@google.com>
Date: Thu, 9 Oct 2025 16:28:03 +0000
Bug 1990843 [wpt PR 55059] - Support number type in attr(), a=testonly
Automatic update from web-platform-tests
Support number type in attr()
Resolved in
https://github.com/w3c/csswg-drafts/issues/12479#issuecomment-3329561248
Fixed: 441267435
Change-Id: I7cc96e2bf3806cb488812e9f72c76a1c2da259c4
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6983448
Commit-Queue: Munira Tursunova <moonira@google.com>
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1521400}
--
wpt-commits: 6923f12fdd109396857c196705df76403f4854f5
wpt-pr: 55059
Diffstat:
1 file changed, 16 insertions(+), 1 deletion(-)
diff --git a/testing/web-platform/tests/css/css-values/attr-all-types.html b/testing/web-platform/tests/css/css-values/attr-all-types.html
@@ -6,6 +6,11 @@
<script src="/resources/testharnessreport.js"></script>
<style>
+ @property --number {
+ syntax: "<number>";
+ inherits: false;
+ initial-value: 3;
+ }
@property --length {
syntax: "<length>";
inherits: false;
@@ -91,8 +96,9 @@
}
test_valid_attr('content', 'attr(data-foo)', 'abc', '"abc"');
- test_invalid_attr('content', 'attr(data-foo string)', 'abc');
+ test_valid_attr('content', 'attr(data-foo)', 'var(--number)', '"var(--number)"');
test_valid_attr('content', 'attr(data-foo raw-string)', 'abc', '"abc"');
+ test_valid_attr('content', 'attr(data-foo raw-string)', 'var(--number)', '"var(--number)"');
test_valid_attr('content', 'attr(data-foo,)', 'abc', '"abc"');
test_valid_attr('content', 'attr(data-foo, 3)', 'attr(', '"attr("');
test_valid_attr('content', 'attr(data-foo)', 'attr(', '"attr("');
@@ -158,6 +164,8 @@
test_valid_attr('font-size', 'attr(data-foo %)', '10', '10%');
test_valid_attr('--x', 'attr(data-foo px) 11px', '10', '10px 11px');
+ test_valid_attr('font-weight', 'attr(data-foo number)', '10', '10');
+
test_valid_attr('--x', 'attr(data-foo type(<number>)) 11', '10', '10 11');
test_valid_attr('--string', 'attr(data-foo type(<string>))', '"hello"', '"hello"');
test_valid_attr('--string-list', 'attr(data-foo type(<string>+))', '"hello" "hi"', '"hello" "hi"');
@@ -173,6 +181,7 @@
test_dimension_types_and_units();
+ test_invalid_attr('content', 'attr(data-foo string)', 'abc');
test_invalid_attr('animation-name', 'attr(data-foo type(string))', 'abc');
test_invalid_attr('animation-name', 'attr(data-foo type(< string>))', 'abc');
test_invalid_attr('animation-name', 'attr(data-foo type(<string >))', 'abc');
@@ -217,6 +226,12 @@
test_invalid_attr('width', 'attr(data-foo px)', '10px');
test_invalid_attr('width', 'attr(data-foo <px>)', '10');
test_invalid_attr('width', 'attr(data-foo xx)', '10');
+ test_invalid_attr('width', 'attr(data-foo px)', 'calc(1 + 3)');
+ test_invalid_attr('width', 'attr(data-foo px)', 'var(--number)');
+
+ test_invalid_attr('font-weight', 'attr(data-foo number)', 'calc(1 + 3)');
+ test_invalid_attr('font-weight', 'attr(data-foo number)', 'var(--number)');
+
test_invalid_attr('transition-duration', 'attr(data-foo ms)', '10px');
test_invalid_attr('transition-duration', 'attr(data-foo ms)', '10px foo');