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