kitesurf · WPT

wpt/css/css-color/parsing/color-valid-hsl.html
FAIL
expected FAIL · 587 ms
▶ run in kitesurf
Test
/css/css-color/parsing/color-valid-hsl.html
Actual
FAIL
Expected
FAIL
Unexpected
no
Duration
587 ms
Harness
OK
Counts
—
Reason
—
Run
https://kitesurf.rendering.cfdata.org/?url=http%3A%2F%2Fwpt.live%2Fcss%2Fcss-color%2Fparsing%2Fcolor-valid-hsl.html ↗
Upstream
view on github.com/web-platform-tests/wpt ↗

Subtests

statussubtestmessage
PASSe.style['color'] = "hsl(120 30% 50%)" should set the property value
PASSe.style['color'] = "hsl(120 30% 50% / 0.5)" should set the property value
PASSe.style['color'] = "hsl(none none none)" should set the property value
PASSe.style['color'] = "hsl(0 0% 0%)" should set the property value
PASSe.style['color'] = "hsl(none none none / none)" should set the property value
PASSe.style['color'] = "hsl(0 0% 0% / 0)" should set the property value
PASSe.style['color'] = "hsla(none none none)" should set the property value
PASSe.style['color'] = "hsla(0 0% 0%)" should set the property value
PASSe.style['color'] = "hsla(none none none / none)" should set the property value
PASSe.style['color'] = "hsla(0 0% 0% / 0)" should set the property value
PASSe.style['color'] = "hsl(120 none none)" should set the property value
PASSe.style['color'] = "hsl(120 0% 0%)" should set the property value
PASSe.style['color'] = "hsl(120 80% none)" should set the property value
PASSe.style['color'] = "hsl(120 80% 0%)" should set the property value
PASSe.style['color'] = "hsl(120 none 50%)" should set the property value
PASSe.style['color'] = "hsl(120 0% 50%)" should set the property value
PASSe.style['color'] = "hsl(120 100% 50% / none)" should set the property value
PASSe.style['color'] = "hsl(120 100% 50% / 0)" should set the property value
PASSe.style['color'] = "hsl(none 100% 50%)" should set the property value
PASSe.style['color'] = "hsl(0 100% 50%)" should set the property value
PASSe.style['color'] = "hsl(120 30 50)" should set the property value
PASSe.style['color'] = "hsl(120 30 50 / 0.5)" should set the property value
PASSe.style['color'] = "hsl(120 30% 50)" should set the property value
PASSe.style['color'] = "hsl(120 30% 50 / 0.5)" should set the property value
PASSe.style['color'] = "hsl(120 30 50%)" should set the property value
PASSe.style['color'] = "hsl(120 30 50% / 0.5)" should set the property value
PASSe.style['color'] = "hsl(120 none 50)" should set the property value
PASSe.style['color'] = "hsl(120 none 50 / 0.5)" should set the property value
PASSe.style['color'] = "hsl(120 30 none)" should set the property value
PASSe.style['color'] = "hsl(120 30 none / 0.5)" should set the property value
PASSe.style['color'] = "hsl(120 30 50 / none)" should set the property value
PASSe.style['color'] = "hsl(0 -50% 40%)" should set the property value
PASSe.style['color'] = "hsl(30 -50% 60)" should set the property value
PASSe.style['color'] = "hsl(0 -50 40%)" should set the property value
PASSe.style['color'] = "hsl(30 -50 60)" should set the property value
PASSe.style['color'] = "hsl(calc(infinity) 100% 50%)" should set the property value
PASSe.style['color'] = "hsl(calc(-infinity) 100% 50%)" should set the property value
PASSe.style['color'] = "hsl(calc(0 / 0) 100% 50%)" should set the property value
PASSe.style['color'] = "hsl(90 50% 50% / calc(infinity))" should set the property value
PASSe.style['color'] = "hsl(90 50% 50% / calc(-infinity))" should set the property value
PASSe.style['color'] = "hsl(90 50% 50% / calc(0 / 0))" should set the property value
FAILe.style['color'] = "hsl(calc(50deg + (sign(1em - 10px) * 10deg)), 0%, 0%, 50%)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(calc(50deg + (sign(1em - 10px) * 10deg)), 0%, 0%, 50%)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsl(calc(50 + (sign(1em - 10px) * 10)), 0%, 0%, 50%)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(calc(50 + (sign(1em - 10px) * 10)), 0%, 0%, 50%)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsl(0deg, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(0deg, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsl(0, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(0, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsl(calc(50deg + (sign(1em - 10px) * 10deg)) 0% 0% / 50%)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(calc(50deg + (sign(1em - 10px) * 10deg)) 0% 0% / 50%)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsl(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsl(0deg 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(0deg 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsl(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(calc(50deg + (sign(1em - 10px) * 10deg)) -100 300 / 0.5)" should set the property valueassert_not_equals: property should be set got disallowed value ""
FAILe.style['color'] = "hsla(calc(50deg + (sign(1em - 10px) * 10deg)) -100% 300% / 0.5)" should set the property valueassert_not_equals: property should be set got disallowed value ""

bundle built 2026-07-16T07:16:48.063Z