gap-decorations-style-valid.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 44 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-gaps/parsing/gap-decorations-style-valid.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>CSS Gap Decorations: parsing column-rule-style with valid values</title>

<link rel="help" href="https://drafts.csswg.org/css-gaps-1/#column-row-rule-style">

<link rel="author" title="Sam Davis Omekara Jr." href="mailto:samomekarajr@microsoft.com">

<meta name="assert" content="*-rule-style supports the full grammar '[ <line-style-list> | <auto-line-style-list> ]'.">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/css/support/parsing-testcommon.js"></script>

</head>

<body>

<script>

const properties = ["column-rule-style", "row-rule-style", "rule-style"];

for (let property of properties) {

    // <repeat-line-style>  = repeat( [ <integer [1,∞]> ] , [ <style> ]# )

    test_valid_value(property, "repeat(4, dotted)");

    test_valid_value(property, "repeat(3, dashed, double, dotted)");

    test_valid_value(property, "repeat(1, dashed, double, dotted, solid)");

    // <line-style-or-repeat> = [ <style> | <repeat-line-style> ]

    test_valid_value(property, "dashed");

    test_valid_value(property, "repeat(4, double)");

    // <line-style-list> = [ <line-style-or-repeat> ]+

    test_valid_value(property, "dotted, ridge");

    test_valid_value(property, "dotted, dashed, solid, groove, ridge");

    test_valid_value(property, "repeat(3, groove), repeat(4, ridge)");

    test_valid_value(property, "inset, repeat(3, ridge), none, repeat(4, groove, hidden, dashed)");

    test_valid_value(property, "repeat(4, none, ridge, solid), repeat(5, hidden), double");

    // <auto-repeat-line-style>   = repeat( auto , [ <style> ]# )

    test_valid_value(property, "repeat(auto, solid)");

    test_valid_value(property, "repeat(auto, dotted, solid, inset)");

    // <auto-line-style-list>    = [ <line-style-or-repeat> ]*

    //                              <auto-repeat-line-style>

    //                              [ <line-style-or-repeat> ]*

    test_valid_value(property, "repeat(auto, dashed, groove), ridge");

    test_valid_value(property, "repeat(4, dotted, double, dashed), repeat(auto, solid)");

    test_valid_value(property, "inset, repeat(auto, solid, ridge), repeat(4, none, groove, hidden)");

</script>

</body>

</html>