Files
sousa-gecko/testing/web-platform/tests/css/css-values/random-item-serialize.html
T
Joanne Pan 9f8fc9e20c Bug 2054059 [wpt PR 61201] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=317702, a=testonly
Automatic update from web-platform-tests
WebKit export: [css-values-5 random-item()] computed-value resolution (parse `<random-key>`, select item) (#61201)

https://bugs.webkit.org/show_bug.cgi?id=317702
--

wpt-commits: 13b19fb7fb3b037001ebf8f6defa6b8888f71530
wpt-pr: 61201
2026-07-13 14:37:54 +00:00

29 lines
1.6 KiB
HTML

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-values-5/#funcdef-random-item">
<link rel="author" title="Joanne Pan" href="https://github.com/J0pan">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
<div id="target"></div>
<script>
// random-item() is an arbitrary substitution function: its specified value is
// preserved verbatim and resolved at computed-value time.
test_valid_value('font-family', 'random-item(auto, serif, sans-serif)');
test_valid_value('font-family', 'random-item(--x, serif, sans-serif)');
test_valid_value('font-family', 'random-item(element-scoped, serif, sans-serif)');
test_valid_value('font-family', 'random-item(--x element-scoped, serif, sans-serif)');
test_valid_value('font-family', 'random-item(element-scoped --x, serif, sans-serif)');
test_valid_value('font-family', 'random-item(fixed 0, serif, sans-serif)');
test_valid_value('font-family', 'random-item(fixed 0.5, serif, sans-serif)');
test_valid_value('font-family', 'random-item(fixed 1, serif, sans-serif)');
test_valid_value('font-family', 'random-item(auto, serif)');
test_valid_value('font-family', 'random-item(auto, {Times, serif}, {Arial, sans-serif})');
test_valid_value('font-family', 'random-item(auto, {Times, serif}, sans-serif, {monospace})');
test_valid_value('font-family', 'random-item(auto, { Times, serif }, { Arial, sans-serif })');
test_valid_value('color', 'random-item(auto, red, green, blue)');
test_valid_value('width', 'random-item(auto, 1px, 2px, 3px)');
test_valid_value('width', 'random-item(--x, var(--a), var(--b))');
</script>