css/css-values/random-item-invalid.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>
<script>
// random-item() is an arbitrary substitution function, so only its argument grammar is
// validated at parse time:
//   <random-item-args> = random-item( <declaration-value>, [ <declaration-value>? ]# )
// See https://drafts.csswg.org/css-values-5/#funcdef-random-item

// The first argument (<random-key>) is required, and a comma-separated item list must follow.
test_invalid_value('font-family', 'random-item()');
test_invalid_value('font-family', 'random-item( )');
test_invalid_value('font-family', 'random-item(auto)');
test_invalid_value('font-family', 'random-item(, serif, sans-serif)');

// Forbidden tokens in <declaration-value>.
// https://drafts.csswg.org/css-syntax/#typedef-declaration-value
test_invalid_value('font-family', 'random-item(auto, !)');
test_invalid_value('font-family', 'random-item(auto, ;)');
test_invalid_value('font-family', 'random-item(auto, })');
test_invalid_value('font-family', 'random-item(auto, ])');

// Badly closed / unbalanced curly braces.
test_invalid_value('font-family', 'random-item(auto, {serif)');
test_invalid_value('font-family', 'random-item(auto, serif})');
test_invalid_value('font-family', 'random-item(auto, {Times, serif)');
test_invalid_value('font-family', 'random-item({auto, serif, sans-serif)');

// A non-{}-wrapped item may not be mixed with a {}-wrapped block.
test_invalid_value('font-family', 'random-item(auto, {Times, serif} extra)');
test_invalid_value('font-family', 'random-item(auto, extra {Times, serif})');

</script>