| Test that clip-path shapes accept different length units |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| PASS innerStyle("-webkit-mask", "none") is "none" |
| PASS innerStyle("-webkit-mask", "none, none") is "none, none" |
| PASS innerStyle("-webkit-mask", "none, none, none") is "none, none, none" |
| PASS innerStyle("-webkit-mask", "url(file:///image.png), none") is "url(file:///image.png), none" |
| PASS innerStyle("-webkit-mask", "none, url(file:///image.png)") is "none, url(file:///image.png)" |
| PASS innerStyle("-webkit-mask", "top left") is "0% 0%" |
| PASS innerStyle("-webkit-mask", "bottom right") is "100% 100%" |
| PASS innerStyle("-webkit-mask", "left bottom") is "0% 100%" |
| PASS innerStyle("-webkit-mask", "right top") is "100% 0%" |
| PASS innerStyle("-webkit-mask", "center") is "50% 50%" |
| PASS innerStyle("-webkit-mask", "none top") is "none 50% 0%" |
| PASS innerStyle("-webkit-mask", "none bottom") is "none 50% 100%" |
| PASS innerStyle("-webkit-mask", "none right") is "none 100% 50%" |
| PASS innerStyle("-webkit-mask", "none top right") is "none 100% 0%" |
| PASS innerStyle("-webkit-mask", "none bottom left") is "none 0% 100%" |
| PASS innerStyle("-webkit-mask", "none right") is "none 100% 50%" |
| PASS innerStyle("-webkit-mask", "none left") is "none 0% 50%" |
| PASS innerStyle("-webkit-mask", "center 50%") is "50% 50%" |
| PASS innerStyle("-webkit-mask", "50px 50%") is "50px 50%" |
| PASS innerStyle("-webkit-mask", "center left") is "0% 50%" |
| PASS innerStyle("-webkit-mask", "top center") is "50% 0%" |
| PASS innerStyle("-webkit-mask", "left 10px top 15px") is "left 10px top 15px" |
| PASS innerStyle("-webkit-mask", "left 10% top 30%") is "left 10% top 30%" |
| PASS innerStyle("-webkit-mask", "right top 15px") is "right 0% top 15px" |
| PASS innerStyle("-webkit-mask", "left 10px center") is "left 10px top 50%" |
| PASS innerStyle("-webkit-mask", "center top 20px") is "left 50% top 20px" |
| PASS innerStyle("-webkit-mask", "center left 30px") is "left 30px top 50%" |
| PASS innerStyle("-webkit-mask", "left 20% top") is "left 20% top 0%" |
| PASS innerStyle("-webkit-mask", "center center") is "50% 50%" |
| PASS innerStyle("-webkit-mask-position", "left 10px top 15px") is "left 10px top 15px" |
| PASS innerStyle("-webkit-mask-position", "left 10% top 30%") is "left 10% top 30%" |
| PASS innerStyle("-webkit-mask-position", "right top 15px") is "right 0% top 15px" |
| PASS innerStyle("-webkit-mask-position", "left 10px center") is "left 10px top 50%" |
| PASS innerStyle("-webkit-mask-position", "center top 20px") is "left 50% top 20px" |
| PASS innerStyle("-webkit-mask-position", "center left 30px") is "left 30px top 50%" |
| PASS innerStyle("-webkit-mask-position", "left 20% top") is "left 20% top 0%" |
| PASS innerStyle("-webkit-mask", "none alpha") is "none alpha" |
| PASS innerStyle("-webkit-mask", "none luminance, none alpha") is "none luminance, none alpha" |
| PASS innerStyle("-webkit-mask", "none auto, none, none luminance") is "none auto, none, none luminance" |
| PASS innerStyle("-webkit-mask-source-type", "alpha") is "alpha" |
| PASS innerStyle("-webkit-mask-source-type", "luminance") is "luminance" |
| PASS innerStyle("-webkit-mask-source-type", "auto") is "auto" |
| PASS computedStyle("-webkit-mask-source-type", "alpha") is "alpha" |
| PASS computedStyle("-webkit-mask-source-type", "auto") is "alpha" |
| PASS computedStyle("-webkit-mask-source-type", "luminance") is "luminance" |
| PASS computedStyle("-webkit-mask-source-type", "") is "alpha" |
| PASS innerStyle("-webkit-mask", "repeat-x") is "repeat-x" |
| PASS innerStyle("-webkit-mask", "repeat-y") is "repeat-y" |
| PASS innerStyle("-webkit-mask", "repeat") is "repeat" |
| PASS innerStyle("-webkit-mask", "space") is "space" |
| PASS innerStyle("-webkit-mask", "no-repeat") is "no-repeat" |
| PASS innerStyle("-webkit-mask", "repeat space") is "repeat space" |
| PASS innerStyle("-webkit-mask", "repeat round") is "repeat round" |
| PASS innerStyle("-webkit-mask", "repeat no-repeat") is "repeat no-repeat" |
| PASS innerStyle("-webkit-mask", "repeat space, repeat-x") is "repeat space, repeat-x" |
| PASS innerStyle("-webkit-mask", "repeat none") is "none repeat" |
| PASS innerStyle("-webkit-mask", "none repeat") is "none repeat" |
| PASS innerStyle("-webkit-mask", "padding-box") is "padding-box padding-box" |
| PASS innerStyle("-webkit-mask", "border-box") is "border-box border-box" |
| PASS innerStyle("-webkit-mask", "content-box") is "content-box content-box" |
| PASS innerStyle("-webkit-mask", "padding-box none") is "none padding-box padding-box" |
| PASS innerStyle("-webkit-mask", "none padding-box") is "none padding-box padding-box" |
| PASS innerStyle("-webkit-mask", "padding-box content-box") is "padding-box content-box" |
| PASS innerStyle("-webkit-mask", "content-box content-box") is "content-box content-box" |
| PASS innerStyle("-webkit-mask", "padding-box border-box") is "padding-box border-box" |
| PASS innerStyle("-webkit-mask", "padding-box border-box none") is "none padding-box border-box" |
| PASS innerStyle("-webkit-mask", "none padding-box border-box") is "none padding-box border-box" |
| PASS innerStyle("-webkit-mask", "none left top / auto") is "none 0% 0% / auto" |
| PASS innerStyle("-webkit-mask", "none left top / auto auto") is "none 0% 0% / auto" |
| PASS innerStyle("-webkit-mask", "none left top / 100%") is "none 0% 0% / 100%" |
| PASS innerStyle("-webkit-mask", "none left top / 0%") is "none 0% 0% / 0%" |
| PASS innerStyle("-webkit-mask", "none left top / auto 0%") is "none 0% 0% / auto 0%" |
| PASS innerStyle("-webkit-mask", "none left top / cover") is "none 0% 0% / cover" |
| PASS innerStyle("-webkit-mask", "none left top / contain") is "none 0% 0% / contain" |
| PASS innerStyle("-webkit-mask", "none left 20px top 10px / contain") is "none left 20px top 10px / contain" |
| PASS innerStyle("-webkit-mask", "none left 20px top / contain") is "none left 20px top 0% / contain" |
| PASS innerStyle("-webkit-mask", "none padding-box content-box") is "none padding-box content-box" |
| PASS innerStyle("-webkit-mask", "none padding-box") is "none padding-box padding-box" |
| PASS innerStyle("-webkit-mask", "none top") is "none 50% 0%" |
| PASS innerStyle("-webkit-mask", "none center right 20px") is "none right 20px top 50%" |
| PASS innerStyle("-webkit-mask", "none border-box left top") is "none 0% 0% border-box border-box" |
| PASS innerStyle("-webkit-mask", "none border-box left top 20px") is "none left 0% top 20px border-box border-box" |
| PASS innerStyle("-webkit-mask", "none border-box content-box left top repeat-x") is "none 0% 0% repeat-x border-box content-box" |
| PASS innerStyle("-webkit-mask", "none border-box content-box left top / auto repeat-x") is "none 0% 0% / auto repeat-x border-box content-box" |
| PASS innerStyle("-webkit-mask", "none border-box content-box right 0px center / auto repeat-x") is "none right 0px top 50% / auto repeat-x border-box content-box" |
| PASS innerStyle("-webkit-mask", "top none left") is null |
| PASS innerStyle("-webkit-mask", "right none bottom") is null |
| PASS innerStyle("-webkit-mask", "right right") is null |
| PASS innerStyle("-webkit-mask", "left left") is null |
| PASS innerStyle("-webkit-mask", "top top") is null |
| PASS innerStyle("-webkit-mask", "bottom bottom") is null |
| PASS innerStyle("-webkit-mask", "50% none 50%") is null |
| PASS innerStyle("-webkit-mask", "repeat-x repeat-x") is null |
| PASS innerStyle("-webkit-mask", "space repeat-y") is null |
| PASS innerStyle("-webkit-mask", "repeat space space") is null |
| PASS innerStyle("-webkit-mask", "padding-box border-box content-box") is null |
| PASS innerStyle("-webkit-mask", "none / auto") is null |
| PASS innerStyle("-webkit-mask", "none repeat-x / auto") is null |
| PASS innerStyle("-webkit-mask", "none border-box / auto") is null |
| PASS innerStyle("-webkit-mask", "none top left / cover 100%") is null |
| PASS innerStyle("-webkit-mask", "scroll") is null |
| PASS innerStyle("-webkit-mask", "fixed") is null |
| PASS innerStyle("-webkit-mask", "local") is null |
| PASS innerStyle("-webkit-mask", "space scroll") is null |
| PASS innerStyle("-webkit-mask", "none scroll") is null |
| PASS innerStyle("-webkit-mask", "none top left / auto repeat-x scroll border-box border-box") is null |
| PASS innerStyle("-webkit-mask", "right top left") is null |
| PASS innerStyle("-webkit-mask", "center left center") is null |
| PASS innerStyle("-webkit-mask", "center top center") is null |
| PASS innerStyle("-webkit-mask", "center right bottom") is null |
| PASS innerStyle("-webkit-mask", "top solid bottom") is null |
| PASS innerStyle("-webkit-mask", "none top left right center top / auto repeat-x scroll border-box border-box") is null |
| PASS innerStyle("-webkit-mask", "none center center 20px / auto repeat-x scroll border-box border-box") is null |
| PASS innerStyle("-webkit-mask", "none top 20px right 30px center / auto repeat-x scroll border-box border-box") is null |
| PASS innerStyle("-webkit-mask", "none top 20px top 30px / auto repeat-x scroll border-box border-box") is null |
| PASS innerStyle("-webkit-mask", "none top 20px bottom / auto repeat-x scroll border-box border-box") is null |
| PASS innerStyle("-webkit-mask", "none alpha, none auto alpha") is null |
| PASS innerStyle("-webkit-mask", "none alpha luminance") is null |
| PASS innerStyle("-webkit-mask-source-type", "rubbish") is null |
| PASS innerStyle("-webkit-mask-source-type", "") is null |
| PASS innerStyle("-webkit-mask-source-type", "center") is null |
| PASS innerStyle("-webkit-mask-source-type", "repeat") is null |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
