Test the computed style of the -webkit-filter property.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


Basic reference : url('#a')
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_REFERENCE
PASS subRule.cssText is 'url(\'#a\')'

Bare unquoted reference converting to quoted form : url(#a)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_REFERENCE
PASS subRule.cssText is 'url(\'#a\')'

Multiple references : url('#a') url('#b')
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_REFERENCE
PASS subRule.cssText is 'url(\'#a\')'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_REFERENCE
PASS subRule.cssText is 'url(\'#b\')'

Reference as 2nd value : grayscale(1) url('#a')
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(1)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_REFERENCE
PASS subRule.cssText is 'url(\'#a\')'

Integer value : grayscale(1)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(1)'

Float value converts to integer : grayscale(1.0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(1)'

Zero value : grayscale(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0)'

No values : grayscale()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(1)'

Multiple values : grayscale(0.5) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

Integer value : sepia(1)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(1)'

Float value converts to integer : sepia(1.0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(1)'

Zero value : sepia(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(0)'

No values : sepia()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(1)'

Multiple values : sepia(0.5) sepia(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(0.25)'

Rule combinations : sepia(0.5) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

Integer value : saturate(1)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(1)'

Float value converts to integer : saturate(1.0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(1)'

Zero value : saturate(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(0)'

No values : saturate()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(1)'

Multiple values : saturate(0.5) saturate(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(0.25)'

Rule combinations : saturate(0.5) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

Degrees value as integer : hue-rotate(10deg)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(10deg)'

Degrees float value converts to integer : hue-rotate(10.0deg)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(10deg)'

Radians value : hue-rotate(10rad)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(572.9577951308232deg)'

Gradians value : hue-rotate(10grad)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(9deg)'

Turns value : hue-rotate(0.5turn)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(180deg)'

Zero value : hue-rotate(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(0deg)'

No values : hue-rotate()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(0deg)'

Rule combinations : hue-rotate(10deg) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(10deg)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

Integer value : invert(1)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(1)'

Float value converts to integer : invert(1.0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(1)'

Zero value : invert(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(0)'

No values : invert()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(1)'

Multiple values : invert(0.5) invert(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(0.25)'

Rule combinations : invert(0.5) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

Integer value : opacity(1)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(1)'

Float value converts to integer : opacity(1.0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(1)'

Zero value : opacity(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(0)'

No values : opacity()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(1)'

Multiple values : opacity(0.5) opacity(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(0.25)'

Rule combinations : opacity(0.5) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

Integer value : brightness(1)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(1)'

Float value converts to integer : brightness(1.0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(1)'

Zero value : brightness(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(0)'

No values : brightness()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(0)'

Multiple values : brightness(0.5) brightness(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(0.25)'

Rule combinations : brightness(0.5) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

Integer value : contrast(1)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(1)'

Value greater than 1 : contrast(2)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(2)'

Float value converts to integer : contrast(1.0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(1)'

Zero value : contrast(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(0)'

No values : contrast()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(1)'

Multiple values : contrast(0.5) contrast(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(0.25)'

Rule combinations : contrast(0.5) grayscale(0.25)
PASS filterStyle.length is 2
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.25)'

One zero to px : blur(0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BLUR
PASS subRule.cssText is 'blur(0px)'

One length : blur(2em)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BLUR
PASS subRule.cssText is 'blur(32px)'

One length : blur(5px)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BLUR
PASS subRule.cssText is 'blur(5px)'

No values : blur()
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BLUR
PASS subRule.cssText is 'blur(0px)'

Color then three values : drop-shadow(red 1px 2px 3px)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW
PASS subRule.cssText is 'drop-shadow(rgb(255, 0, 0) 1px 2px 3px)'

Three values then color : drop-shadow(1px 2px 3px red)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW
PASS subRule.cssText is 'drop-shadow(rgb(255, 0, 0) 1px 2px 3px)'

Color then three values with zero length : drop-shadow(#abc 0 0 0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW
PASS subRule.cssText is 'drop-shadow(rgb(170, 187, 204) 0px 0px 0px)'

Three values with zero length : drop-shadow(0 0 0)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW
PASS subRule.cssText is 'drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px)'

Two values no color : drop-shadow(1px 2px)
PASS filterStyle.length is 1
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW
PASS subRule.cssText is 'drop-shadow(rgba(0, 0, 0, 0) 1px 2px 0px)'

Multiple operations : grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opacity(0.9) blur(5px)
PASS filterStyle.length is 7
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(0.25)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(0.75)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE
PASS subRule.cssText is 'hue-rotate(35deg)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(0.2)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(0.9)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BLUR
PASS subRule.cssText is 'blur(5px)'

Percentage values : grayscale(50%) sepia(25%) saturate(75%) invert(20%) opacity(90%) brightness(60%) contrast(30%)
PASS filterStyle.length is 7
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE
PASS subRule.cssText is 'grayscale(0.5)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SEPIA
PASS subRule.cssText is 'sepia(0.25)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_SATURATE
PASS subRule.cssText is 'saturate(0.75)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_INVERT
PASS subRule.cssText is 'invert(0.2)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_OPACITY
PASS subRule.cssText is 'opacity(0.9)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS
PASS subRule.cssText is 'brightness(0.6)'
PASS subRule.operationType is WebKitCSSFilterValue.CSS_FILTER_CONTRAST
PASS subRule.cssText is 'contrast(0.3)'
PASS successfullyParsed is true

TEST COMPLETE