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

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

TestTest SourceSubtests (0/240)

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 column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "red" but got ""
e.style['column-rule'] = "5px solid red" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "solid" but got ""
e.style['column-rule'] = "5px solid red" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "5px" but got ""
e.style['column-rule'] = "5px solid red" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "double" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "currentcolor" but got ""
e.style['column-rule'] = "double" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "double" but got ""
e.style['column-rule'] = "double" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "medium" but got ""
e.style['column-rule'] = "double" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "blue 10px" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "blue" but got ""
e.style['column-rule'] = "blue 10px" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "none" but got ""
e.style['column-rule'] = "blue 10px" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "10px" but got ""
e.style['column-rule'] = "blue 10px" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(auto, 5px solid green)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, green)" but got ""
e.style['column-rule'] = "repeat(auto, 5px solid green)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, solid)" but got ""
e.style['column-rule'] = "repeat(auto, 5px solid green)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 5px)" but got ""
e.style['column-rule'] = "repeat(auto, 5px solid green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, yellow, blue)" but got ""
e.style['column-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, solid, dotted)" but got ""
e.style['column-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 5px, 10px)" but got ""
e.style['column-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(auto, blue 6px, 5px solid red)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, blue, red)" but got ""
e.style['column-rule'] = "repeat(auto, blue 6px, 5px solid red)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, none, solid)" but got ""
e.style['column-rule'] = "repeat(auto, blue 6px, 5px solid red)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 6px, 5px)" but got ""
e.style['column-rule'] = "repeat(auto, blue 6px, 5px solid red)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(4, 15px dotted pink)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(4, pink)" but got ""
e.style['column-rule'] = "repeat(4, 15px dotted pink)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(4, dotted)" but got ""
e.style['column-rule'] = "repeat(4, 15px dotted pink)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(4, 15px)" but got ""
e.style['column-rule'] = "repeat(4, 15px dotted pink)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(1, yellow, blue, green)" but got ""
e.style['column-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(1, ridge, dotted, double)" but got ""
e.style['column-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(1, 15px, 10px, 15px)" but got ""
e.style['column-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(3, lime, purple, currentcolor)" but got ""
e.style['column-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(3, none, dashed, dotted)" but got ""
e.style['column-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(3, 16px, medium, 10px)" but got ""
e.style['column-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "thin, dashed, hotpink" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "currentcolor, currentcolor, hotpink" but got ""
e.style['column-rule'] = "thin, dashed, hotpink" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "none, dashed, none" but got ""
e.style['column-rule'] = "thin, dashed, hotpink" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "thin, medium, medium" but got ""
e.style['column-rule'] = "thin, dashed, hotpink" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "salmon, repeat(4, red)" but got ""
e.style['column-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "double, repeat(4, ridge)" but got ""
e.style['column-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "5px, repeat(4, 5px)" but got ""
e.style['column-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(2, gray, blue, currentcolor), red, repeat(4, blue, white)" but got ""
e.style['column-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(2, dashed, dotted, double), solid, repeat(4, none, solid)" but got ""
e.style['column-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(2, medium, 10px, 20px), 5px, repeat(4, 6px, 5px)" but got ""
e.style['column-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(4, skyblue), repeat(3, red, currentcolor)" but got ""
e.style['column-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(4, hidden), repeat(3, solid, dotted)" but got ""
e.style['column-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(4, thick), repeat(3, 5px, 10px)" but got ""
e.style['column-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, red), green, repeat(3, blue, green)" but got ""
e.style['column-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, solid), dotted, repeat(3, dashed, double)" but got ""
e.style['column-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 10px), medium, repeat(3, thick, 15px)" but got ""
e.style['column-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "red, repeat(auto, green), blue" but got ""
e.style['column-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "ridge, repeat(auto, solid), dotted" but got ""
e.style['column-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "medium, repeat(auto, 5px), 10px" but got ""
e.style['column-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['column-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "salmon, repeat(4, blue, purple), repeat(auto, red, teal)" but got ""
e.style['column-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "dotted, repeat(4, none, hidden), repeat(auto, solid, none)" but got ""
e.style['column-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "10px, repeat(4, thin, 5px), repeat(auto, 5px, medium)" but got ""
e.style['column-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "5px solid red" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "red" but got ""
e.style['row-rule'] = "5px solid red" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "solid" but got ""
e.style['row-rule'] = "5px solid red" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "5px" but got ""
e.style['row-rule'] = "5px solid red" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "double" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "currentcolor" but got ""
e.style['row-rule'] = "double" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "double" but got ""
e.style['row-rule'] = "double" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "medium" but got ""
e.style['row-rule'] = "double" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "blue 10px" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "blue" but got ""
e.style['row-rule'] = "blue 10px" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "none" but got ""
e.style['row-rule'] = "blue 10px" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "10px" but got ""
e.style['row-rule'] = "blue 10px" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(auto, 5px solid green)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, green)" but got ""
e.style['row-rule'] = "repeat(auto, 5px solid green)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, solid)" but got ""
e.style['row-rule'] = "repeat(auto, 5px solid green)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 5px)" but got ""
e.style['row-rule'] = "repeat(auto, 5px solid green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, yellow, blue)" but got ""
e.style['row-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, solid, dotted)" but got ""
e.style['row-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 5px, 10px)" but got ""
e.style['row-rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(auto, blue 6px, 5px solid red)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, blue, red)" but got ""
e.style['row-rule'] = "repeat(auto, blue 6px, 5px solid red)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, none, solid)" but got ""
e.style['row-rule'] = "repeat(auto, blue 6px, 5px solid red)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 6px, 5px)" but got ""
e.style['row-rule'] = "repeat(auto, blue 6px, 5px solid red)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(4, 15px dotted pink)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(4, pink)" but got ""
e.style['row-rule'] = "repeat(4, 15px dotted pink)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(4, dotted)" but got ""
e.style['row-rule'] = "repeat(4, 15px dotted pink)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(4, 15px)" but got ""
e.style['row-rule'] = "repeat(4, 15px dotted pink)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(1, yellow, blue, green)" but got ""
e.style['row-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(1, ridge, dotted, double)" but got ""
e.style['row-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(1, 15px, 10px, 15px)" but got ""
e.style['row-rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(3, lime, purple, currentcolor)" but got ""
e.style['row-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(3, none, dashed, dotted)" but got ""
e.style['row-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(3, 16px, medium, 10px)" but got ""
e.style['row-rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "thin, dashed, hotpink" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "currentcolor, currentcolor, hotpink" but got ""
e.style['row-rule'] = "thin, dashed, hotpink" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "none, dashed, none" but got ""
e.style['row-rule'] = "thin, dashed, hotpink" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "thin, medium, medium" but got ""
e.style['row-rule'] = "thin, dashed, hotpink" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "salmon, repeat(4, red)" but got ""
e.style['row-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "double, repeat(4, ridge)" but got ""
e.style['row-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "5px, repeat(4, 5px)" but got ""
e.style['row-rule'] = "5px double salmon, repeat(4, 5px ridge red)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(2, gray, blue, currentcolor), red, repeat(4, blue, white)" but got ""
e.style['row-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(2, dashed, dotted, double), solid, repeat(4, none, solid)" but got ""
e.style['row-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(2, medium, 10px, 20px), 5px, repeat(4, 6px, 5px)" but got ""
e.style['row-rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(4, skyblue), repeat(3, red, currentcolor)" but got ""
e.style['row-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(4, hidden), repeat(3, solid, dotted)" but got ""
e.style['row-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(4, thick), repeat(3, 5px, 10px)" but got ""
e.style['row-rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, red), green, repeat(3, blue, green)" but got ""
e.style['row-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, solid), dotted, repeat(3, dashed, double)" but got ""
e.style['row-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 10px), medium, repeat(3, thick, 15px)" but got ""
e.style['row-rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "red, repeat(auto, green), blue" but got ""
e.style['row-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "ridge, repeat(auto, solid), dotted" but got ""
e.style['row-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "medium, repeat(auto, 5px), 10px" but got ""
e.style['row-rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['row-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "salmon, repeat(4, blue, purple), repeat(auto, red, teal)" but got ""
e.style['row-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "dotted, repeat(4, none, hidden), repeat(auto, solid, none)" but got ""
e.style['row-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "10px, repeat(4, thin, 5px), repeat(auto, 5px, medium)" but got ""
e.style['row-rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "5px solid red" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "red" but got ""
e.style['rule'] = "5px solid red" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "solid" but got ""
e.style['rule'] = "5px solid red" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "5px" but got ""
e.style['rule'] = "5px solid red" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "red" but got ""
e.style['rule'] = "5px solid red" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "solid" but got ""
e.style['rule'] = "5px solid red" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "5px" but got ""
e.style['rule'] = "5px solid red" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "double" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "currentcolor" but got ""
e.style['rule'] = "double" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "double" but got ""
e.style['rule'] = "double" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "medium" but got ""
e.style['rule'] = "double" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "currentcolor" but got ""
e.style['rule'] = "double" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "double" but got ""
e.style['rule'] = "double" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "medium" but got ""
e.style['rule'] = "double" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "blue 10px" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "blue" but got ""
e.style['rule'] = "blue 10px" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "none" but got ""
e.style['rule'] = "blue 10px" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "10px" but got ""
e.style['rule'] = "blue 10px" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "blue" but got ""
e.style['rule'] = "blue 10px" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "none" but got ""
e.style['rule'] = "blue 10px" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "10px" but got ""
e.style['rule'] = "blue 10px" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(auto, 5px solid green)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, green)" but got ""
e.style['rule'] = "repeat(auto, 5px solid green)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, solid)" but got ""
e.style['rule'] = "repeat(auto, 5px solid green)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 5px)" but got ""
e.style['rule'] = "repeat(auto, 5px solid green)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, green)" but got ""
e.style['rule'] = "repeat(auto, 5px solid green)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, solid)" but got ""
e.style['rule'] = "repeat(auto, 5px solid green)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 5px)" but got ""
e.style['rule'] = "repeat(auto, 5px solid green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, yellow, blue)" but got ""
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, solid, dotted)" but got ""
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 5px, 10px)" but got ""
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, yellow, blue)" but got ""
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, solid, dotted)" but got ""
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 5px, 10px)" but got ""
e.style['rule'] = "repeat(auto, 5px solid yellow, 10px dotted blue)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(auto, blue 6px, 5px solid red)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, blue, red)" but got ""
e.style['rule'] = "repeat(auto, blue 6px, 5px solid red)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, none, solid)" but got ""
e.style['rule'] = "repeat(auto, blue 6px, 5px solid red)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 6px, 5px)" but got ""
e.style['rule'] = "repeat(auto, blue 6px, 5px solid red)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, blue, red)" but got ""
e.style['rule'] = "repeat(auto, blue 6px, 5px solid red)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, none, solid)" but got ""
e.style['rule'] = "repeat(auto, blue 6px, 5px solid red)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 6px, 5px)" but got ""
e.style['rule'] = "repeat(auto, blue 6px, 5px solid red)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(4, 15px dotted pink)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(4, pink)" but got ""
e.style['rule'] = "repeat(4, 15px dotted pink)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(4, dotted)" but got ""
e.style['rule'] = "repeat(4, 15px dotted pink)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(4, 15px)" but got ""
e.style['rule'] = "repeat(4, 15px dotted pink)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(4, pink)" but got ""
e.style['rule'] = "repeat(4, 15px dotted pink)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(4, dotted)" but got ""
e.style['rule'] = "repeat(4, 15px dotted pink)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(4, 15px)" but got ""
e.style['rule'] = "repeat(4, 15px dotted pink)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(1, yellow, blue, green)" but got ""
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(1, ridge, dotted, double)" but got ""
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(1, 15px, 10px, 15px)" but got ""
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(1, yellow, blue, green)" but got ""
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(1, ridge, dotted, double)" but got ""
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(1, 15px, 10px, 15px)" but got ""
e.style['rule'] = "repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(3, lime, purple, currentcolor)" but got ""
e.style['rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(3, none, dashed, dotted)" but got ""
e.style['rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(3, 16px, medium, 10px)" but got ""
e.style['rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(3, lime, purple, currentcolor)" but got ""
e.style['rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(3, none, dashed, dotted)" but got ""
e.style['rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(3, 16px, medium, 10px)" but got ""
e.style['rule'] = "repeat(3, lime 16px, dashed purple, 10px dotted)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "thin, dashed, hotpink" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "currentcolor, currentcolor, hotpink" but got ""
e.style['rule'] = "thin, dashed, hotpink" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "none, dashed, none" but got ""
e.style['rule'] = "thin, dashed, hotpink" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "thin, medium, medium" but got ""
e.style['rule'] = "thin, dashed, hotpink" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "currentcolor, currentcolor, hotpink" but got ""
e.style['rule'] = "thin, dashed, hotpink" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "none, dashed, none" but got ""
e.style['rule'] = "thin, dashed, hotpink" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "thin, medium, medium" but got ""
e.style['rule'] = "thin, dashed, hotpink" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "salmon, repeat(4, red)" but got ""
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "double, repeat(4, ridge)" but got ""
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "5px, repeat(4, 5px)" but got ""
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "salmon, repeat(4, red)" but got ""
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "double, repeat(4, ridge)" but got ""
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "5px, repeat(4, 5px)" but got ""
e.style['rule'] = "5px double salmon, repeat(4, 5px ridge red)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(2, gray, blue, currentcolor), red, repeat(4, blue, white)" but got ""
e.style['rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(2, dashed, dotted, double), solid, repeat(4, none, solid)" but got ""
e.style['rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(2, medium, 10px, 20px), 5px, repeat(4, 6px, 5px)" but got ""
e.style['rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(2, gray, blue, currentcolor), red, repeat(4, blue, white)" but got ""
e.style['rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(2, dashed, dotted, double), solid, repeat(4, none, solid)" but got ""
e.style['rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(2, medium, 10px, 20px), 5px, repeat(4, 6px, 5px)" but got ""
e.style['rule'] = "repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(4, skyblue), repeat(3, red, currentcolor)" but got ""
e.style['rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(4, hidden), repeat(3, solid, dotted)" but got ""
e.style['rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(4, thick), repeat(3, 5px, 10px)" but got ""
e.style['rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(4, skyblue), repeat(3, red, currentcolor)" but got ""
e.style['rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(4, hidden), repeat(3, solid, dotted)" but got ""
e.style['rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(4, thick), repeat(3, 5px, 10px)" but got ""
e.style['rule'] = "repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "repeat(auto, red), green, repeat(3, blue, green)" but got ""
e.style['rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "repeat(auto, solid), dotted, repeat(3, dashed, double)" but got ""
e.style['rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "repeat(auto, 10px), medium, repeat(3, thick, 15px)" but got ""
e.style['rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "repeat(auto, red), green, repeat(3, blue, green)" but got ""
e.style['rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "repeat(auto, solid), dotted, repeat(3, dashed, double)" but got ""
e.style['rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "repeat(auto, 10px), medium, repeat(3, thick, 15px)" but got ""
e.style['rule'] = "repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "red, repeat(auto, green), blue" but got ""
e.style['rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "ridge, repeat(auto, solid), dotted" but got ""
e.style['rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "medium, repeat(auto, 5px), 10px" but got ""
e.style['rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "red, repeat(auto, green), blue" but got ""
e.style['rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "ridge, repeat(auto, solid), dotted" but got ""
e.style['rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "medium, repeat(auto, 5px), 10px" but got ""
e.style['rule'] = "ridge red, repeat(auto, 5px solid green), 10px dotted blue" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set column-rule-colorFAILassert_equals: column-rule-color should be canonical expected "salmon, repeat(4, blue, purple), repeat(auto, red, teal)" but got ""
e.style['rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set column-rule-styleFAILassert_equals: column-rule-style should be canonical expected "dotted, repeat(4, none, hidden), repeat(auto, solid, none)" but got ""
e.style['rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set column-rule-widthFAILassert_equals: column-rule-width should be canonical expected "10px, repeat(4, thin, 5px), repeat(auto, 5px, medium)" but got ""
e.style['rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set row-rule-colorFAILassert_equals: row-rule-color should be canonical expected "salmon, repeat(4, blue, purple), repeat(auto, red, teal)" but got ""
e.style['rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set row-rule-styleFAILassert_equals: row-rule-style should be canonical expected "dotted, repeat(4, none, hidden), repeat(auto, solid, none)" but got ""
e.style['rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should set row-rule-widthFAILassert_equals: row-rule-width should be canonical expected "10px, repeat(4, thin, 5px), repeat(auto, 5px, medium)" but got ""
e.style['rule'] = "10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)" should not set unrelated longhandsFAILassert_true: expected true got false

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Gap Decorations: *-rule sets longhands</title>
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule">
<meta name="assert" content="column-rule supports the full grammar '<gap-rule-list> | <gap-auto-rule-list>'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/shorthand-testcommon.js"></script>
</head>
<body>
<script>
const rule_properties = {
    'column-rule': ['column-rule-width',
                    'column-rule-style',
                    'column-rule-color'],
    'row-rule':    ['row-rule-width',
                    'row-rule-style',
                    'row-rule-color'],
    'rule': [
          ['column-rule-width', 'row-rule-width'],
          ['column-rule-style', 'row-rule-style'],
          ['column-rule-color', 'row-rule-color'],
        ]

};

const testCases = [
    // <gap-rule> = [<line-width> || <line-style> || <line-color>].
    {
        input: '5px solid red',
        expected: {
            width: '5px',
            style: 'solid',
            color: 'red'
        }
    },
    {
        input: 'double',
        expected: {
            width: 'medium',
            style: 'double',
            color: 'currentcolor'
        }
    },
    {
        input: 'blue 10px',
        expected: {
            width: '10px',
            style: 'none',
            color: 'blue'
        }
    },

    // <gap-auto-repeat-rule> = repeat(auto, <gap-rule># ).
    {
        input: 'repeat(auto, 5px solid green)',
        expected: {
            width: 'repeat(auto, 5px)',
            style: 'repeat(auto, solid)',
            color: 'repeat(auto, green)'
        }
    },
    {
        input: 'repeat(auto, 5px solid yellow, 10px dotted blue)',
        expected: {
            width: 'repeat(auto, 5px, 10px)',
            style: 'repeat(auto, solid, dotted)',
            color: 'repeat(auto, yellow, blue)'
        }
    },
    {
        input: 'repeat(auto, blue 6px, 5px solid red)',
        expected: {
            width: 'repeat(auto, 6px, 5px)',
            style: 'repeat(auto, none, solid)',
            color: 'repeat(auto, blue, red)'
        }
    },

    // <gap-repeat-rule> = repeat(<integer [1,∞]>, <gap-rule># ).
    {
        input: 'repeat(4, 15px dotted pink)',
        expected: {
            width: 'repeat(4, 15px)',
            style: 'repeat(4, dotted)',
            color: 'repeat(4, pink)'
        }
    },
    {
        input: 'repeat(1, 15px ridge yellow, 10px dotted blue, 15px double green)',
        expected: {
            width: 'repeat(1, 15px, 10px, 15px)',
            style: 'repeat(1, ridge, dotted, double)',
            color: 'repeat(1, yellow, blue, green)'
        }
    },
    {
        input: 'repeat(3, lime 16px, dashed purple, 10px dotted)',
        expected: {
            width: 'repeat(3, 16px, medium, 10px)',
            style: 'repeat(3, none, dashed, dotted)',
            color: 'repeat(3, lime, purple, currentcolor)'
        }
    },

    // <gap-rule-list> = <gap-rule-or-repeat>#.
    // <gap-rule-or-repeat> = <gap-rule> | <gap-repeat-rule>.
    {
        input: 'thin, dashed, hotpink',
        expected: {
            width: 'thin, medium, medium',
            style: 'none, dashed, none',
            color: 'currentcolor, currentcolor, hotpink'
        }
    },
    {
        input: '5px double salmon, repeat(4, 5px ridge red)',
        expected: {
            width: '5px, repeat(4, 5px)',
            style: 'double, repeat(4, ridge)',
            color: 'salmon, repeat(4, red)'
        }
    },
    {
        input: 'repeat(2, dashed gray, 10px blue dotted, 20px double), 5px solid red, repeat(4, blue 6px, 5px solid white)',
        expected: {
            width: 'repeat(2, medium, 10px, 20px), 5px, repeat(4, 6px, 5px)',
            style: 'repeat(2, dashed, dotted, double), solid, repeat(4, none, solid)',
            color: 'repeat(2, gray, blue, currentcolor), red, repeat(4, blue, white)'
        }
    },
    {
        input: 'repeat(4, thick hidden skyblue), repeat(3, 5px solid red, 10px dotted)',
        expected: {
            width: 'repeat(4, thick), repeat(3, 5px, 10px)',
            style: 'repeat(4, hidden), repeat(3, solid, dotted)',
            color: 'repeat(4, skyblue), repeat(3, red, currentcolor)'
        }
    },

    // <gap-auto-rule-list>   = <gap-rule-or-repeat>#? ,
    //                          <gap-auto-repeat-rule> ,
    //                          <gap-rule-or-repeat>#?.
    {
        input: 'repeat(auto, 10px solid red), medium dotted green, repeat(3, thick dashed blue, 15px double green)',
        expected: {
            width: 'repeat(auto, 10px), medium, repeat(3, thick, 15px)',
            style: 'repeat(auto, solid), dotted, repeat(3, dashed, double)',
            color: 'repeat(auto, red), green, repeat(3, blue, green)'
        }
    },
    {
        input: 'ridge red, repeat(auto, 5px solid green), 10px dotted blue',
        expected: {
            width: 'medium, repeat(auto, 5px), 10px',
            style: 'ridge, repeat(auto, solid), dotted',
            color: 'red, repeat(auto, green), blue'
        }
    },
    {
        input: '10px dotted salmon, repeat(4, thin blue, hidden 5px purple), repeat(auto, 5px solid red, teal)',
        expected: {
            width: '10px, repeat(4, thin, 5px), repeat(auto, 5px, medium)',
            style: 'dotted, repeat(4, none, hidden), repeat(auto, solid, none)',
            color: 'salmon, repeat(4, blue, purple), repeat(auto, red, teal)'
        }
    } ];

for(rule_property in rule_properties) {
    const [width, style, color] = rule_properties[rule_property];

    for (const { input, expected } of testCases) {
        if (rule_property === 'rule') {
            test_shorthand_value(rule_property, input, {
                [width[0]]: expected.width,
                [width[1]]: expected.width,
                [style[0]]: expected.style,
                [style[1]]: expected.style,
                [color[0]]: expected.color,
                [color[1]]: expected.color
            });
        } else {
            test_shorthand_value(rule_property, input, {
                [width]: expected.width,
                [style]: expected.style,
                [color]: expected.color
            });
        }
    }
}
</script>
</body>
</html>