KitesurfExperimental
Read announcement

backdrop-filter-parsing-valid.html

FAILExpected34 of 37 subtests pass405 ms

Run in Kitesurf (opens in a new tab)Source  (opens in a new tab)

Details

Test
/css/filter-effects/parsing/backdrop-filter-parsing-valid.html
Harness
OK

Subtests

StatusSubtestMessage
PASSe.style['backdrop-filter'] = "none" should set the property value
PASSe.style['backdrop-filter'] = "blur(100px)" should set the property value
PASSe.style['backdrop-filter'] = "blur(0)" should set the property value
PASSe.style['backdrop-filter'] = "blur()" should set the property value
PASSe.style['backdrop-filter'] = "brightness(0)" should set the property value
PASSe.style['backdrop-filter'] = "brightness(300%)" should set the property value
PASSe.style['backdrop-filter'] = "brightness()" should set the property value
PASSe.style['backdrop-filter'] = "contrast(0)" should set the property value
PASSe.style['backdrop-filter'] = "contrast(300%)" should set the property value
PASSe.style['backdrop-filter'] = "contrast()" should set the property value
PASSe.style['backdrop-filter'] = "drop-shadow(1px 2px)" should set the property value
PASSe.style['backdrop-filter'] = "drop-shadow(1px 2px 3px)" should set the property value
PASSe.style['backdrop-filter'] = "drop-shadow(0 0 0)" should set the property value
PASSe.style['backdrop-filter'] = "drop-shadow(rgb(4, 5, 6) 1px 2px)" should set the property value
PASSe.style['backdrop-filter'] = "drop-shadow(1px 2px rgb(4, 5, 6))" should set the property value
PASSe.style['backdrop-filter'] = "drop-shadow(rgba(4, 5, 6, 0.75) 1px 2px 3px)" should set the property value
PASSe.style['backdrop-filter'] = "grayscale(0)" should set the property value
PASSe.style['backdrop-filter'] = "grayscale(300%)" should set the property value
PASSe.style['backdrop-filter'] = "grayscale()" should set the property value
PASSe.style['backdrop-filter'] = "hue-rotate(90deg)" should set the property value
PASSe.style['backdrop-filter'] = "hue-rotate(0)" should set the property value
PASSe.style['backdrop-filter'] = "hue-rotate()" should set the property value
PASSe.style['backdrop-filter'] = "invert(0)" should set the property value
PASSe.style['backdrop-filter'] = "invert(300%)" should set the property value
PASSe.style['backdrop-filter'] = "invert()" should set the property value
PASSe.style['backdrop-filter'] = "opacity(0)" should set the property value
PASSe.style['backdrop-filter'] = "opacity(300%)" should set the property value
PASSe.style['backdrop-filter'] = "opacity()" should set the property value
PASSe.style['backdrop-filter'] = "saturate(0)" should set the property value
PASSe.style['backdrop-filter'] = "saturate(300%)" should set the property value
PASSe.style['backdrop-filter'] = "saturate()" should set the property value
PASSe.style['backdrop-filter'] = "sepia(0)" should set the property value
PASSe.style['backdrop-filter'] = "sepia(300%)" should set the property value
PASSe.style['backdrop-filter'] = "sepia()" should set the property value
FAILe.style['backdrop-filter'] = "url(\"picture.svg#f\")" should set the property value
assert_not_equals: property should be set got disallowed value ""
assert_not_equals: property should be set got disallowed value ""
FAILe.style['backdrop-filter'] = "url(\"https://www.example.com/picture.svg#f\")" should set the property value
assert_not_equals: property should be set got disallowed value ""
assert_not_equals: property should be set got disallowed value ""
FAILe.style['backdrop-filter'] = "blur(10px) url(\"picture.svg#f\") contrast(20) brightness(30)" should set the property value
assert_not_equals: property should be set got disallowed value ""
assert_not_equals: property should be set got disallowed value ""