Test parsing and computation of CSS image filter() function.

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


PASS innerStyle("background-image", "-webkit-filter(none, blur(3px))") is "-webkit-filter(none, blur(3px))"
PASS innerStyle("background-image", "-webkit-filter(none, url('#a'))") is "-webkit-filter(none, url('#a'))"
PASS innerStyle("background-image", "-webkit-filter(none, url(#a))") is "-webkit-filter(none, url('#a'))"
PASS innerStyle("background-image", "-webkit-filter(none, url('#a') url('#b'))") is "-webkit-filter(none, url('#a') url('#b'))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(1) url('#a'))") is "-webkit-filter(none, grayscale(1) url('#a'))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(1))") is "-webkit-filter(none, grayscale(1))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(50%))") is "-webkit-filter(none, grayscale(50%))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(1.0))") is "-webkit-filter(none, grayscale(1))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(0))") is "-webkit-filter(none, grayscale(0))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(0.5) grayscale(0.25))") is "-webkit-filter(none, grayscale(0.5) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, sepia(1))") is "-webkit-filter(none, sepia(1))"
PASS innerStyle("background-image", "-webkit-filter(none, sepia(50%))") is "-webkit-filter(none, sepia(50%))"
PASS innerStyle("background-image", "-webkit-filter(none, sepia(1.0))") is "-webkit-filter(none, sepia(1))"
PASS innerStyle("background-image", "-webkit-filter(none, sepia(0))") is "-webkit-filter(none, sepia(0))"
PASS innerStyle("background-image", "-webkit-filter(none, sepia(0.5) sepia(0.25))") is "-webkit-filter(none, sepia(0.5) sepia(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, sepia(0.5) grayscale(0.25))") is "-webkit-filter(none, sepia(0.5) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(1))") is "-webkit-filter(none, saturate(1))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(50%))") is "-webkit-filter(none, saturate(50%))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(250%))") is "-webkit-filter(none, saturate(250%))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(1.0))") is "-webkit-filter(none, saturate(1))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(5.5))") is "-webkit-filter(none, saturate(5.5))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(0))") is "-webkit-filter(none, saturate(0))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(0.5) saturate(0.25))") is "-webkit-filter(none, saturate(0.5) saturate(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, saturate(0.5) grayscale(0.25))") is "-webkit-filter(none, saturate(0.5) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, hue-rotate(10deg))") is "-webkit-filter(none, hue-rotate(10deg))"
PASS innerStyle("background-image", "-webkit-filter(none, hue-rotate(10.0deg))") is "-webkit-filter(none, hue-rotate(10deg))"
PASS innerStyle("background-image", "-webkit-filter(none, hue-rotate(10rad))") is "-webkit-filter(none, hue-rotate(10rad))"
PASS innerStyle("background-image", "-webkit-filter(none, hue-rotate(10grad))") is "-webkit-filter(none, hue-rotate(10grad))"
PASS innerStyle("background-image", "-webkit-filter(none, hue-rotate(0.5turn))") is "-webkit-filter(none, hue-rotate(0.5turn))"
PASS innerStyle("background-image", "-webkit-filter(none, hue-rotate(0))") is "-webkit-filter(none, hue-rotate(0deg))"
PASS innerStyle("background-image", "-webkit-filter(none, hue-rotate(10deg) grayscale(0.25))") is "-webkit-filter(none, hue-rotate(10deg) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, invert(1))") is "-webkit-filter(none, invert(1))"
PASS innerStyle("background-image", "-webkit-filter(none, invert(50%))") is "-webkit-filter(none, invert(50%))"
PASS innerStyle("background-image", "-webkit-filter(none, invert(1.0))") is "-webkit-filter(none, invert(1))"
PASS innerStyle("background-image", "-webkit-filter(none, invert(0))") is "-webkit-filter(none, invert(0))"
PASS innerStyle("background-image", "-webkit-filter(none, invert(0.5) invert(0.25))") is "-webkit-filter(none, invert(0.5) invert(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, invert(0.5) grayscale(0.25))") is "-webkit-filter(none, invert(0.5) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, opacity(1))") is "-webkit-filter(none, opacity(1))"
PASS innerStyle("background-image", "-webkit-filter(none, opacity(50%))") is "-webkit-filter(none, opacity(50%))"
PASS innerStyle("background-image", "-webkit-filter(none, opacity(1.0))") is "-webkit-filter(none, opacity(1))"
PASS innerStyle("background-image", "-webkit-filter(none, opacity(0))") is "-webkit-filter(none, opacity(0))"
PASS innerStyle("background-image", "-webkit-filter(none, opacity(0.5) opacity(0.25))") is "-webkit-filter(none, opacity(0.5) opacity(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, opacity(0.5) grayscale(0.25))") is "-webkit-filter(none, opacity(0.5) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(1))") is "-webkit-filter(none, brightness(1))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(50%))") is "-webkit-filter(none, brightness(50%))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(1.0))") is "-webkit-filter(none, brightness(1))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(0))") is "-webkit-filter(none, brightness(0))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(0.5) brightness(0.25))") is "-webkit-filter(none, brightness(0.5) brightness(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(0.5) grayscale(0.25))") is "-webkit-filter(none, brightness(0.5) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(-1.1))") is "-webkit-filter(none, brightness(-1.1))"
PASS innerStyle("background-image", "-webkit-filter(none, brightness(101%))") is "-webkit-filter(none, brightness(101%))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(0.25) brightness(0.5))") is "-webkit-filter(none, grayscale(0.25) brightness(0.5))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(1))") is "-webkit-filter(none, contrast(1))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(50%))") is "-webkit-filter(none, contrast(50%))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(250%))") is "-webkit-filter(none, contrast(250%))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(1.0))") is "-webkit-filter(none, contrast(1))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(0))") is "-webkit-filter(none, contrast(0))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(2))") is "-webkit-filter(none, contrast(2))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(0.5) contrast(0.25))") is "-webkit-filter(none, contrast(0.5) contrast(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, contrast(0.5) grayscale(0.25))") is "-webkit-filter(none, contrast(0.5) grayscale(0.25))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(0.25) contrast(0.5))") is "-webkit-filter(none, grayscale(0.25) contrast(0.5))"
PASS innerStyle("background-image", "-webkit-filter(none, blur(0))") is "-webkit-filter(none, blur(0px))"
PASS innerStyle("background-image", "-webkit-filter(none, blur(10px))") is "-webkit-filter(none, blur(10px))"
PASS innerStyle("background-image", "-webkit-filter(none, drop-shadow(red 1px 2px 3px))") is "-webkit-filter(none, drop-shadow(red 1px 2px 3px))"
PASS innerStyle("background-image", "-webkit-filter(none, drop-shadow(1px 2px 3px red))") is "-webkit-filter(none, drop-shadow(red 1px 2px 3px))"
PASS innerStyle("background-image", "-webkit-filter(none, drop-shadow(#abc 0 0 0))") is "-webkit-filter(none, drop-shadow(rgb(170, 187, 204) 0px 0px 0px))"
PASS innerStyle("background-image", "-webkit-filter(none, drop-shadow(0 0 0))") is "-webkit-filter(none, drop-shadow(0px 0px 0px))"
PASS innerStyle("background-image", "-webkit-filter(none, drop-shadow(1px 2px))") is "-webkit-filter(none, drop-shadow(1px 2px))"
PASS innerStyle("background-image", "-webkit-filter(none, grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opacity(0.9) blur(5px) drop-shadow(green 1px 2px 3px))") is "-webkit-filter(none, grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opacity(0.9) blur(5px) drop-shadow(green 1px 2px 3px))"
PASS innerStyle("background-image", "-webkit-filter(radial-gradient(ellipse closest-corner, white, black), hue-rotate(90deg))") is "-webkit-filter(radial-gradient(closest-corner, white, black), hue-rotate(90deg))"
PASS innerStyle("background-image", "-webkit-filter(radial-gradient(circle closest-side at 50px 50%, white, black), hue-rotate(90deg))") is "-webkit-filter(radial-gradient(circle closest-side at 50px 50%, white, black), hue-rotate(90deg))"
PASS innerStyle("background-image", "-webkit-filter(radial-gradient(ellipse closest-corner at 20px 50px, white, black), hue-rotate(90deg))") is "-webkit-filter(radial-gradient(closest-corner at 20px 50px, white, black), hue-rotate(90deg))"
PASS innerStyle("background-image", "-webkit-filter(linear-gradient(white, black), hue-rotate(90deg))") is "-webkit-filter(linear-gradient(white, black), hue-rotate(90deg))"
PASS innerStyle("background-image", "-webkit-filter(linear-gradient(to top left, white, black), hue-rotate(90deg))") is "-webkit-filter(linear-gradient(to left top, white, black), hue-rotate(90deg))"
PASS innerStyle("background-image", "-webkit-filter(linear-gradient(0deg, white -20%, blue, black 120%), hue-rotate(90deg))") is "-webkit-filter(linear-gradient(0deg, white -20%, blue, black 120%), hue-rotate(90deg))"
PASS innerStyle("background-image", "-webkit-filter(-webkit-cross-fade(url(http://image1.png), url(http://image2.png), 50%), contrast(0.5))") is "-webkit-filter(-webkit-cross-fade(url(http://image1.png/), url(http://image2.png/), 0.5), contrast(0.5))"
PASS innerStyle("background-image", "-webkit-filter(url(http://image1.png), brightness(50%))") is "-webkit-filter(url(http://image1.png/), brightness(50%))"
PASS innerStyle("background-image", "-webkit-filter('http://image1.png', brightness(50%))") is "-webkit-filter(url(http://image1.png/), brightness(50%))"
PASS innerStyle("border-image-source", "-webkit-filter(url(http://image1.png), invert(50%))") is "-webkit-filter(url(http://image1.png/), invert(50%))"
PASS innerStyle("-webkit-mask-image", "-webkit-filter(url(http://image1.png), invert(50%))") is "-webkit-filter(url(http://image1.png/), invert(50%))"
PASS innerStyle("-webkit-mask-box-image-source", "-webkit-filter(url(http://image1.png), invert(50%))") is "-webkit-filter(url(http://image1.png/), invert(50%))"
PASS innerStyle("content", "-webkit-filter(url(http://image1.png), invert(50%))") is "-webkit-filter(url(http://image1.png/), invert(50%))"
PASS innerStyle("background-image", "-webkit-filter()") is null
PASS computedStyle("background-image", "-webkit-filter()") is "none"
PASS innerStyle("background-image", "-webkit-filter(url(image1.png))") is null
PASS computedStyle("background-image", "-webkit-filter(url(image1.png))") is "none"
PASS innerStyle("background-image", "-webkit-filter(url(image1.png), )") is null
PASS computedStyle("background-image", "-webkit-filter(url(image1.png), )") is "none"
PASS innerStyle("background-image", "-webkit-filter(url(image1.png) brightness(50%))") is null
PASS computedStyle("background-image", "-webkit-filter(url(image1.png) brightness(50%))") is "none"
PASS innerStyle("background-image", "-webkit-filter(brightness(50%) url(image1.png))") is null
PASS computedStyle("background-image", "-webkit-filter(brightness(50%) url(image1.png))") is "none"
PASS innerStyle("background-image", "-webkit-filter(brightness(50%), url(image1.png))") is null
PASS computedStyle("background-image", "-webkit-filter(brightness(50%), url(image1.png))") is "none"
PASS innerStyle("background-image", "-webkit-filter(url(image1.png) url(#filter))") is null
PASS computedStyle("background-image", "-webkit-filter(url(image1.png) url(#filter))") is "none"
PASS innerStyle("background-image", "-webkit-filter(brightness(50%))") is null
PASS computedStyle("background-image", "-webkit-filter(brightness(50%))") is "none"
PASS innerStyle("background-image", "-webkit-filter(brightness(50%), )") is null
PASS computedStyle("background-image", "-webkit-filter(brightness(50%), )") is "none"
PASS innerStyle("background-image", "-webkit-filter(url(image1.png), brightness(50%), brightness(50%))") is null
PASS computedStyle("background-image", "-webkit-filter(url(image1.png), brightness(50%), brightness(50%))") is "none"
PASS innerStyle("background-image", "-webkit-filter(url(image1.png) url(image2.png), brightness(50%))") is null
PASS computedStyle("background-image", "-webkit-filter(url(image1.png) url(image2.png), brightness(50%))") is "none"
PASS innerStyle("background-image", "-webkit-filter(url(image1.png), url(image2.png), brightness(50%))") is null
PASS computedStyle("background-image", "-webkit-filter(url(image1.png), url(image2.png), brightness(50%))") is "none"
PASS innerStyle("background-image", "-webkit-filter(invalidToken.png, blur(3px))") is null
PASS computedStyle("background-image", "-webkit-filter(invalidToken.png, blur(3px))") is "none"
PASS successfullyParsed is true

TEST COMPLETE