wpt / css / css-gaps / parsing / gap-decorations-rule-shorthand-valid.html

Status: FAIL | Duration: 70ms | Subtests: 0/75 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/75)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
e.style['column-rule'] = "5px solid red" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "solid 10px rgb(0, 0, 255)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "double" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "blue 6px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "currentcolor hidden medium" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "currentcolor none medium" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(auto, 5px solid green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(auto, 5px solid purple, dotted blue, 15px double green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(auto, 6px blue, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(4, 15px dotted pink)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(3, 8px ridge red, 20px dotted green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(4, blue, 5px red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(3, 16px, thin dashed purple, 10px dotted)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(4, 10px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "thick, dashed, hotpink" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "15px dashed skyblue, repeat(3, 3px solid red, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(1, 5px solid gray, 10px dotted blue, 15px double green), 5px solid red, repeat(4, 6px, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(3, 16px lime, 5px solid red, 10px dotted), repeat(4, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(4, 5px solid red), repeat(3, 5px solid red, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "repeat(auto, 5px solid red), thin dotted green, 10px dotted blue, 15px double green" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "5px solid red, repeat(auto, 5px solid red), 10px dotted blue" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['column-rule'] = "10px dotted blue, repeat(4, blue, 5px yellow), repeat(auto, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "5px solid red" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "solid 10px rgb(0, 0, 255)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "double" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "blue 6px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "currentcolor hidden medium" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "currentcolor none medium" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(auto, 5px solid green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(auto, 5px solid purple, dotted blue, 15px double green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(auto, 6px blue, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(4, 15px dotted pink)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(3, 8px ridge red, 20px dotted green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(4, blue, 5px red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(3, 16px, thin dashed purple, 10px dotted)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(4, 10px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "thick, dashed, hotpink" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "15px dashed skyblue, repeat(3, 3px solid red, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(1, 5px solid gray, 10px dotted blue, 15px double green), 5px solid red, repeat(4, 6px, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(3, 16px lime, 5px solid red, 10px dotted), repeat(4, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(4, 5px solid red), repeat(3, 5px solid red, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "repeat(auto, 5px solid red), thin dotted green, 10px dotted blue, 15px double green" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "5px solid red, repeat(auto, 5px solid red), 10px dotted blue" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['row-rule'] = "10px dotted blue, repeat(4, blue, 5px yellow), repeat(auto, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "5px solid red" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "solid 10px rgb(0, 0, 255)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "double" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "blue 6px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "currentcolor hidden medium" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "currentcolor none medium" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(auto, 5px solid green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(auto, 5px solid purple, dotted blue, 15px double green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(auto, 6px blue, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(4, 15px dotted pink)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(3, 8px ridge red, 20px dotted green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(4, blue, 5px red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(3, 16px, thin dashed purple, 10px dotted)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(4, 10px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "thick, dashed, hotpink" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "15px dashed skyblue, repeat(3, 3px solid red, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(1, 5px solid gray, 10px dotted blue, 15px double green), 5px solid red, repeat(4, 6px, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(3, 16px lime, 5px solid red, 10px dotted), repeat(4, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(4, 5px solid red), repeat(3, 5px solid red, 10px dotted blue)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "repeat(auto, 5px solid red), thin dotted green, 10px dotted blue, 15px double green" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "5px solid red, repeat(auto, 5px solid red), 10px dotted blue" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['rule'] = "10px dotted blue, repeat(4, blue, 5px yellow), repeat(auto, 5px solid red)" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""

/css/css-gaps/parsing/gap-decorations-rule-shorthand-valid.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Gap Decorations: parsing column-rule with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-gaps-1/#propdef-column-rule">
<link rel="author" title="Sam Davis Omekara Jr." href="mailto:samomekarajr@microsoft.com">
<meta name="assert" content="column-rule supports the full grammar ' <gap-rule-or-repeat>#'.">
<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", "row-rule", "rule"];
for (let property of properties) {
    // <gap-rule> = [<line-width> || <line-style> || <line-color>]
    test_valid_value(property, "5px solid red");
    test_valid_value(property, "solid 10px rgb(0, 0, 255)", "10px solid rgb(0, 0, 255)");
    test_valid_value(property, "double");
    test_valid_value(property, "blue 6px", "6px blue");
    test_valid_value(property, "currentcolor hidden medium", "hidden");
    test_valid_value(property, "currentcolor none medium", "medium");


    // <gap-auto-repeat-rule> = repeat( auto , <gap-rule># )
    test_valid_value(property, "repeat(auto, 5px solid green)");
    test_valid_value(property, "repeat(auto, 5px solid yellow, 10px dotted blue)");
    test_valid_value(property, "repeat(auto, 5px solid purple, dotted blue, 15px double green)");
    test_valid_value(property, "repeat(auto, 6px blue, 5px solid red)");

    // <gap-repeat-rule> = repeat( <integer [1,∞]> , <gap-rule># )
    test_valid_value(property, "repeat(4, 15px dotted pink)");
    test_valid_value(property, "repeat(3, 8px ridge red, 20px dotted green)");
    test_valid_value(property, "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)");
    test_valid_value(property, "repeat(4, blue, 5px red)");
    test_valid_value(property, "repeat(3, 16px, thin dashed purple, 10px dotted)");
    test_valid_value(property, "repeat(4, 10px solid red)", "repeat(4, 10px solid red)");

    // <gap-rule-list> = <gap-rule-or-repeat>#
    // <gap-rule-or-repeat> = <gap-rule> | <gap-repeat-rule>
    test_valid_value(property, "thick, dashed, hotpink");
    test_valid_value(property, "5px double salmon, repeat(4, 5px ridge red)");
    test_valid_value(property, "15px dashed skyblue, repeat(3, 3px solid red, 10px dotted blue)");
    test_valid_value(property, "repeat(1, 5px solid gray, 10px dotted blue, 15px double green), 5px solid red, repeat(4, 6px, 5px solid red)");
    test_valid_value(property, "repeat(3, 16px lime, 5px solid red, 10px dotted), repeat(4, 5px solid red)");
    test_valid_value(property, "repeat(4, 5px solid red), repeat(3, 5px solid red, 10px dotted blue)");

    // <gap-auto-rule-list>   = <gap-rule-or-repeat>#? ,
    //                          <gap-auto-repeat-rule> ,
    //                          <gap-rule-or-repeat>#?
    test_valid_value(property, "repeat(auto, 5px solid red), thin dotted green, 10px dotted blue, 15px double green");
    test_valid_value(property, "5px solid red, repeat(auto, 5px solid red), 10px dotted blue");
    test_valid_value(property, "10px dotted blue, repeat(4, blue, 5px yellow), repeat(auto, 5px solid red)");
}
</script>
</body>
</html>