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("mask", "none") is "none"
PASS innerStyle("mask", "none, none") is "none, none"
PASS innerStyle("mask", "none, none, none") is "none, none, none"
PASS innerStyle("mask", "url(file:///image.png), none") is "url(\"file:///image.png\"), none"
PASS innerStyle("mask", "none, url(file:///image.png)") is "none, url(\"file:///image.png\")"
PASS innerStyle("mask", "top left") is "left top"
PASS innerStyle("mask", "bottom right") is "right bottom"
PASS innerStyle("mask", "left bottom") is "left bottom"
PASS innerStyle("mask", "right top") is "right top"
PASS innerStyle("mask", "center") is "center center"
PASS innerStyle("mask", "none top") is "none center top"
PASS innerStyle("mask", "none bottom") is "none center bottom"
PASS innerStyle("mask", "none right") is "none right center"
PASS innerStyle("mask", "none top right") is "none right top"
PASS innerStyle("mask", "none bottom left") is "none left bottom"
PASS innerStyle("mask", "none right") is "none right center"
PASS innerStyle("mask", "none left") is "none left center"
PASS innerStyle("mask", "center 50%") is "center 50%"
PASS innerStyle("mask", "50px 50%") is "50px 50%"
PASS innerStyle("mask", "center left") is "left center"
PASS innerStyle("mask", "top center") is "center top"
PASS innerStyle("mask", "left 10px top 15px") is "left 10px top 15px"
PASS innerStyle("mask", "left 10% top 30%") is "left 10% top 30%"
PASS innerStyle("mask", "right top 15px") is "right top 15px"
PASS innerStyle("mask", "left 10px center") is "left 10px center"
PASS innerStyle("mask", "center top 20px") is "center top 20px"
PASS innerStyle("mask", "center left 30px") is "left 30px center"
PASS innerStyle("mask", "left 20% top") is "left 20% top"
PASS innerStyle("mask", "center center") is "center center"
PASS innerStyle("mask-position", "left 10px top 15px") is "left 10px top 15px"
PASS innerStyle("mask-position", "left 10% top 30%") is "left 10% top 30%"
PASS innerStyle("mask-position", "right top 15px") is ""
PASS innerStyle("mask-position", "left 10px center") is ""
PASS innerStyle("mask-position", "center top 20px") is ""
PASS innerStyle("mask-position", "center left 30px") is ""
PASS innerStyle("mask-position", "left 20% top") is ""
PASS innerStyle("mask", "none alpha") is "none alpha"
PASS innerStyle("mask", "none luminance, none alpha") is "none luminance, none alpha"
PASS innerStyle("mask", "none match-source, none, none luminance") is "none match-source, none, none luminance"
PASS innerStyle("mask-mode", "alpha") is "alpha"
PASS innerStyle("mask-mode", "luminance") is "luminance"
PASS innerStyle("mask-mode", "match-source") is "match-source"
PASS computedStyle("mask-mode", "alpha") is "alpha"
PASS computedStyle("mask-mode", "match-source") is "match-source"
PASS computedStyle("mask-mode", "luminance") is "luminance"
PASS computedStyle("mask-mode", "") is "match-source"
PASS innerStyle("mask", "repeat-x") is "repeat-x"
PASS innerStyle("mask", "repeat-y") is "repeat-y"
PASS innerStyle("mask", "repeat") is "repeat"
PASS innerStyle("mask", "space") is "space"
PASS innerStyle("mask", "no-repeat") is "no-repeat"
PASS innerStyle("mask", "repeat space") is "repeat space"
PASS innerStyle("mask", "repeat round") is "repeat round"
PASS innerStyle("mask", "repeat no-repeat") is "repeat no-repeat"
PASS innerStyle("mask", "repeat space, repeat-x") is "repeat space, repeat-x"
PASS innerStyle("mask", "repeat none") is "none repeat"
PASS innerStyle("mask", "none repeat") is "none repeat"
PASS innerStyle("mask", "padding-box") is "padding-box"
PASS innerStyle("mask", "border-box") is "border-box"
PASS innerStyle("mask", "content-box") is "content-box"
PASS innerStyle("mask", "padding-box none") is "none padding-box"
PASS innerStyle("mask", "none padding-box") is "none padding-box"
PASS innerStyle("mask", "padding-box content-box") is "padding-box content-box"
PASS innerStyle("mask", "content-box content-box") is "content-box"
PASS innerStyle("mask", "padding-box border-box") is "padding-box border-box"
PASS innerStyle("mask", "padding-box border-box none") is "none padding-box border-box"
PASS innerStyle("mask", "none padding-box border-box") is "none padding-box border-box"
PASS innerStyle("mask", "none left top / auto") is "none left top / auto"
PASS innerStyle("mask", "none left top / auto auto") is "none left top / auto"
PASS innerStyle("mask", "none left top / 100%") is "none left top / 100%"
PASS innerStyle("mask", "none left top / 100% 100%") is "none left top / 100% 100%"
PASS innerStyle("mask", "none left top / 0%") is "none left top / 0%"
PASS innerStyle("mask", "none left top / auto 0%") is "none left top / auto 0%"
PASS innerStyle("mask", "none left top / cover") is "none left top / cover"
PASS innerStyle("mask", "none left top / contain") is "none left top / contain"
PASS innerStyle("mask", "none left 20px top 10px / contain") is "none left 20px top 10px / contain"
PASS innerStyle("mask", "none left 20px top / contain") is "none left 20px top / contain"
PASS innerStyle("mask", "none padding-box content-box") is "none padding-box content-box"
PASS innerStyle("mask", "none padding-box") is "none padding-box"
PASS innerStyle("mask", "none top") is "none center top"
PASS innerStyle("mask", "none center right 20px") is "none right 20px center"
PASS innerStyle("mask", "none border-box left top") is "none left top border-box"
PASS innerStyle("mask", "none border-box left top 20px") is "none left top 20px border-box"
PASS innerStyle("mask", "none border-box content-box left top repeat-x") is "none left top repeat-x border-box content-box"
PASS innerStyle("mask", "none border-box content-box left top / auto repeat-x") is "none left top / auto repeat-x border-box content-box"
PASS innerStyle("mask", "none border-box content-box right 0px center / auto repeat-x") is "none right 0px center / auto repeat-x border-box content-box"
PASS computedStyle("mask", "top left") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "bottom right") is "none 100% 100% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "left bottom") is "none 0% 100% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "right top") is "none 100% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "center") is "none 50% 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none top") is "none 50% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none bottom") is "none 50% 100% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none right") is "none 100% 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none top right") is "none 100% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none bottom left") is "none 0% 100% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none right") is "none 100% 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left") is "none 0% 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "center 50%") is "none 50% 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "50px 50%") is "none 50px 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "center left") is "none 0% 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "top center") is "none 50% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "left 10px top 15px") is "none 10px 15px / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "left 10% top 30%") is "none 10% 30% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "right top 15px") is "none 100% 15px / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "left 10px center") is "none 10px 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "center top 20px") is "none 50% 20px / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "center left 30px") is "none 30px 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "left 20% top") is "none 20% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "center center") is "none 50% 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "repeat-x") is "none 0% 0% / auto repeat-x border-box border-box add match-source"
PASS computedStyle("mask", "repeat-y") is "none 0% 0% / auto repeat-y border-box border-box add match-source"
PASS computedStyle("mask", "repeat") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "space") is "none 0% 0% / auto space border-box border-box add match-source"
PASS computedStyle("mask", "no-repeat") is "none 0% 0% / auto no-repeat border-box border-box add match-source"
PASS computedStyle("mask", "repeat space") is "none 0% 0% / auto repeat space border-box border-box add match-source"
PASS computedStyle("mask", "repeat round") is "none 0% 0% / auto repeat round border-box border-box add match-source"
PASS computedStyle("mask", "repeat no-repeat") is "none 0% 0% / auto repeat-x border-box border-box add match-source"
PASS computedStyle("mask", "repeat none") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none repeat") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "padding-box") is "none 0% 0% / auto repeat padding-box padding-box add match-source"
PASS computedStyle("mask", "border-box") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "content-box") is "none 0% 0% / auto repeat content-box content-box add match-source"
PASS computedStyle("mask", "padding-box none") is "none 0% 0% / auto repeat padding-box padding-box add match-source"
PASS computedStyle("mask", "none padding-box") is "none 0% 0% / auto repeat padding-box padding-box add match-source"
PASS computedStyle("mask", "padding-box content-box") is "none 0% 0% / auto repeat padding-box content-box add match-source"
PASS computedStyle("mask", "content-box content-box") is "none 0% 0% / auto repeat content-box content-box add match-source"
PASS computedStyle("mask", "padding-box border-box") is "none 0% 0% / auto repeat padding-box border-box add match-source"
PASS computedStyle("mask", "padding-box border-box none") is "none 0% 0% / auto repeat padding-box border-box add match-source"
PASS computedStyle("mask", "none padding-box border-box") is "none 0% 0% / auto repeat padding-box border-box add match-source"
PASS computedStyle("mask", "none left top / auto") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left top / auto auto") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left top / 100%") is "none 0% 0% / 100% repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left top / 0%") is "none 0% 0% / 0% repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left top / auto 0%") is "none 0% 0% / auto 0% repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left top / cover") is "none 0% 0% / cover repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left top / contain") is "none 0% 0% / contain repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left 20px top 10px / contain") is "none 20px 10px / contain repeat border-box border-box add match-source"
PASS computedStyle("mask", "none left 20px top / contain") is "none 20px 0% / contain repeat border-box border-box add match-source"
PASS computedStyle("mask", "none padding-box content-box") is "none 0% 0% / auto repeat padding-box content-box add match-source"
PASS computedStyle("mask", "none padding-box") is "none 0% 0% / auto repeat padding-box padding-box add match-source"
PASS computedStyle("mask", "none top") is "none 50% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none center right 20px") is "none right 20px 50% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none border-box left top") is "none 0% 0% / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none border-box left top 20px") is "none 0% 20px / auto repeat border-box border-box add match-source"
PASS computedStyle("mask", "none border-box content-box left top repeat-x") is "none 0% 0% / auto repeat-x border-box content-box add match-source"
PASS computedStyle("mask", "none border-box content-box left top / auto repeat-x") is "none 0% 0% / auto repeat-x border-box content-box add match-source"
PASS computedStyle("mask", "none border-box content-box right 0px center / auto repeat-x") is "none right 0px 50% / auto repeat-x border-box content-box add match-source"
PASS innerStyle("mask", "top none left") is ""
PASS innerStyle("mask", "right none bottom") is ""
PASS innerStyle("mask", "right right") is ""
PASS innerStyle("mask", "left left") is ""
PASS innerStyle("mask", "top top") is ""
PASS innerStyle("mask", "bottom bottom") is ""
PASS innerStyle("mask", "50% none 50%") is ""
PASS innerStyle("mask", "repeat-x repeat-x") is ""
PASS innerStyle("mask", "space repeat-y") is ""
PASS innerStyle("mask", "repeat space space") is ""
PASS innerStyle("mask", "padding-box border-box content-box") is ""
PASS innerStyle("mask", "none / auto") is ""
PASS innerStyle("mask", "none repeat-x / auto") is ""
PASS innerStyle("mask", "none border-box / auto") is ""
PASS innerStyle("mask", "none top left / cover 100%") is ""
PASS innerStyle("mask", "scroll") is ""
PASS innerStyle("mask", "fixed") is ""
PASS innerStyle("mask", "local") is ""
PASS innerStyle("mask", "space scroll") is ""
PASS innerStyle("mask", "none scroll") is ""
PASS innerStyle("mask", "none top left / auto repeat-x scroll border-box border-box") is ""
PASS innerStyle("mask", "right top left") is ""
PASS innerStyle("mask", "center left center") is ""
PASS innerStyle("mask", "center top center") is ""
PASS innerStyle("mask", "center right bottom") is ""
PASS innerStyle("mask", "top solid bottom") is ""
PASS innerStyle("mask", "none top left right center top / auto repeat-x scroll border-box border-box") is ""
PASS innerStyle("mask", "none center center 20px / auto repeat-x scroll border-box border-box") is ""
PASS innerStyle("mask", "none top 20px right 30px center / auto repeat-x scroll border-box border-box") is ""
PASS innerStyle("mask", "none top 20px top 30px / auto repeat-x scroll border-box border-box") is ""
PASS innerStyle("mask", "none top 20px bottom / auto repeat-x scroll border-box border-box") is ""
PASS innerStyle("mask", "none alpha, none match-source alpha") is ""
PASS innerStyle("mask", "none alpha luminance") is ""
PASS innerStyle("mask-mode", "auto") is ""
PASS innerStyle("mask-mode", "rubbish") is ""
PASS innerStyle("mask-mode", "") is ""
PASS innerStyle("mask-mode", "center") is ""
PASS innerStyle("mask-mode", "repeat") is ""
PASS innerStyle("mask-position-x", "left") is ""
PASS innerStyle("mask-position-y", "top") is ""
PASS innerStyle("mask-repeat-x", "repeat") is ""
PASS innerStyle("mask-repeat-y", "repeat") is ""
PASS successfullyParsed is true

TEST COMPLETE