OLD | NEW |
1 Test that clip-path shapes accept different length units | 1 Test that clip-path shapes accept different length units |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 PASS innerStyle("-webkit-mask", "none") is "none" | 6 PASS innerStyle("-webkit-mask", "none") is "none" |
7 PASS innerStyle("-webkit-mask", "none, none") is "none, none" | 7 PASS innerStyle("-webkit-mask", "none, none") is "none, none" |
8 PASS innerStyle("-webkit-mask", "none, none, none") is "none, none, none" | 8 PASS innerStyle("-webkit-mask", "none, none, none") is "none, none, none" |
9 PASS innerStyle("-webkit-mask", "url(file:///image.png), none") is "url(\"file:/
//image.png\"), none" | 9 PASS innerStyle("-webkit-mask", "url(file:///image.png), none") is "url(\"file:/
//image.png\"), none" |
10 PASS innerStyle("-webkit-mask", "none, url(file:///image.png)") is "none, url(\"
file:///image.png\")" | 10 PASS innerStyle("-webkit-mask", "none, url(file:///image.png)") is "none, url(\"
file:///image.png\")" |
11 PASS innerStyle("-webkit-mask", "top left") is "0% 0%" | 11 PASS innerStyle("-webkit-mask", "top left") is "left top" |
12 PASS innerStyle("-webkit-mask", "bottom right") is "100% 100%" | 12 PASS innerStyle("-webkit-mask", "bottom right") is "right bottom" |
13 PASS innerStyle("-webkit-mask", "left bottom") is "0% 100%" | 13 PASS innerStyle("-webkit-mask", "left bottom") is "left bottom" |
14 PASS innerStyle("-webkit-mask", "right top") is "100% 0%" | 14 PASS innerStyle("-webkit-mask", "right top") is "right top" |
15 PASS innerStyle("-webkit-mask", "center") is "50% 50%" | 15 PASS innerStyle("-webkit-mask", "center") is "center center" |
16 PASS innerStyle("-webkit-mask", "none top") is "none 50% 0%" | 16 PASS innerStyle("-webkit-mask", "none top") is "none center top" |
17 PASS innerStyle("-webkit-mask", "none bottom") is "none 50% 100%" | 17 PASS innerStyle("-webkit-mask", "none bottom") is "none center bottom" |
18 PASS innerStyle("-webkit-mask", "none right") is "none 100% 50%" | 18 PASS innerStyle("-webkit-mask", "none right") is "none right center" |
19 PASS innerStyle("-webkit-mask", "none top right") is "none 100% 0%" | 19 PASS innerStyle("-webkit-mask", "none top right") is "none right top" |
20 PASS innerStyle("-webkit-mask", "none bottom left") is "none 0% 100%" | 20 PASS innerStyle("-webkit-mask", "none bottom left") is "none left bottom" |
21 PASS innerStyle("-webkit-mask", "none right") is "none 100% 50%" | 21 PASS innerStyle("-webkit-mask", "none right") is "none right center" |
22 PASS innerStyle("-webkit-mask", "none left") is "none 0% 50%" | 22 PASS innerStyle("-webkit-mask", "none left") is "none left center" |
23 PASS innerStyle("-webkit-mask", "center 50%") is "50% 50%" | 23 PASS innerStyle("-webkit-mask", "center 50%") is "center 50%" |
24 PASS innerStyle("-webkit-mask", "50px 50%") is "50px 50%" | 24 PASS innerStyle("-webkit-mask", "50px 50%") is "50px 50%" |
25 PASS innerStyle("-webkit-mask", "center left") is "0% 50%" | 25 PASS innerStyle("-webkit-mask", "center left") is "left center" |
26 PASS innerStyle("-webkit-mask", "top center") is "50% 0%" | 26 PASS innerStyle("-webkit-mask", "top center") is "center top" |
27 PASS innerStyle("-webkit-mask", "left 10px top 15px") is "left 10px top 15px" | 27 PASS innerStyle("-webkit-mask", "left 10px top 15px") is "left 10px top 15px" |
28 PASS innerStyle("-webkit-mask", "left 10% top 30%") is "left 10% top 30%" | 28 PASS innerStyle("-webkit-mask", "left 10% top 30%") is "left 10% top 30%" |
29 PASS innerStyle("-webkit-mask", "right top 15px") is "right 0% top 15px" | 29 PASS innerStyle("-webkit-mask", "right top 15px") is "right top 15px" |
30 PASS innerStyle("-webkit-mask", "left 10px center") is "left 10px top 50%" | 30 PASS innerStyle("-webkit-mask", "left 10px center") is "left 10px center" |
31 PASS innerStyle("-webkit-mask", "center top 20px") is "left 50% top 20px" | 31 PASS innerStyle("-webkit-mask", "center top 20px") is "center top 20px" |
32 PASS innerStyle("-webkit-mask", "center left 30px") is "left 30px top 50%" | 32 PASS innerStyle("-webkit-mask", "center left 30px") is "left 30px center" |
33 PASS innerStyle("-webkit-mask", "left 20% top") is "left 20% top 0%" | 33 PASS innerStyle("-webkit-mask", "left 20% top") is "left 20% top" |
34 PASS innerStyle("-webkit-mask", "center center") is "50% 50%" | 34 PASS innerStyle("-webkit-mask", "center center") is "center center" |
35 PASS innerStyle("-webkit-mask-position", "left 10px top 15px") is "left 10px top
15px" | 35 PASS innerStyle("-webkit-mask-position", "left 10px top 15px") is "left 10px top
15px" |
36 PASS innerStyle("-webkit-mask-position", "left 10% top 30%") is "left 10% top 30
%" | 36 PASS innerStyle("-webkit-mask-position", "left 10% top 30%") is "left 10% top 30
%" |
37 PASS innerStyle("-webkit-mask-position", "right top 15px") is "right top 15px" | 37 PASS innerStyle("-webkit-mask-position", "right top 15px") is "right top 15px" |
38 PASS innerStyle("-webkit-mask-position", "left 10px center") is "left 10px cente
r" | 38 PASS innerStyle("-webkit-mask-position", "left 10px center") is "left 10px cente
r" |
39 PASS innerStyle("-webkit-mask-position", "center top 20px") is "center top 20px" | 39 PASS innerStyle("-webkit-mask-position", "center top 20px") is "center top 20px" |
40 PASS innerStyle("-webkit-mask-position", "center left 30px") is "left 30px cente
r" | 40 PASS innerStyle("-webkit-mask-position", "center left 30px") is "left 30px cente
r" |
41 PASS innerStyle("-webkit-mask-position", "left 20% top") is "left 20% top" | 41 PASS innerStyle("-webkit-mask-position", "left 20% top") is "left 20% top" |
42 PASS innerStyle("mask-source-type", "alpha") is "alpha" | 42 PASS innerStyle("mask-source-type", "alpha") is "alpha" |
43 PASS innerStyle("mask-source-type", "luminance") is "luminance" | 43 PASS innerStyle("mask-source-type", "luminance") is "luminance" |
44 PASS innerStyle("mask-source-type", "auto") is "auto" | 44 PASS innerStyle("mask-source-type", "auto") is "auto" |
(...skipping 15 matching lines...) Expand all Loading... |
60 PASS innerStyle("-webkit-mask", "padding-box") is "padding-box padding-box" | 60 PASS innerStyle("-webkit-mask", "padding-box") is "padding-box padding-box" |
61 PASS innerStyle("-webkit-mask", "border-box") is "border-box border-box" | 61 PASS innerStyle("-webkit-mask", "border-box") is "border-box border-box" |
62 PASS innerStyle("-webkit-mask", "content-box") is "content-box content-box" | 62 PASS innerStyle("-webkit-mask", "content-box") is "content-box content-box" |
63 PASS innerStyle("-webkit-mask", "padding-box none") is "none padding-box padding
-box" | 63 PASS innerStyle("-webkit-mask", "padding-box none") is "none padding-box padding
-box" |
64 PASS innerStyle("-webkit-mask", "none padding-box") is "none padding-box padding
-box" | 64 PASS innerStyle("-webkit-mask", "none padding-box") is "none padding-box padding
-box" |
65 PASS innerStyle("-webkit-mask", "padding-box content-box") is "padding-box conte
nt-box" | 65 PASS innerStyle("-webkit-mask", "padding-box content-box") is "padding-box conte
nt-box" |
66 PASS innerStyle("-webkit-mask", "content-box content-box") is "content-box conte
nt-box" | 66 PASS innerStyle("-webkit-mask", "content-box content-box") is "content-box conte
nt-box" |
67 PASS innerStyle("-webkit-mask", "padding-box border-box") is "padding-box border
-box" | 67 PASS innerStyle("-webkit-mask", "padding-box border-box") is "padding-box border
-box" |
68 PASS innerStyle("-webkit-mask", "padding-box border-box none") is "none padding-
box border-box" | 68 PASS innerStyle("-webkit-mask", "padding-box border-box none") is "none padding-
box border-box" |
69 PASS innerStyle("-webkit-mask", "none padding-box border-box") is "none padding-
box border-box" | 69 PASS innerStyle("-webkit-mask", "none padding-box border-box") is "none padding-
box border-box" |
70 PASS innerStyle("-webkit-mask", "none left top / auto") is "none 0% 0% / auto" | 70 PASS innerStyle("-webkit-mask", "none left top / auto") is "none left top / auto
" |
71 PASS innerStyle("-webkit-mask", "none left top / auto auto") is "none 0% 0% / au
to" | 71 PASS innerStyle("-webkit-mask", "none left top / auto auto") is "none left top /
auto" |
72 PASS innerStyle("-webkit-mask", "none left top / 100%") is "none 0% 0% / 100%" | 72 PASS innerStyle("-webkit-mask", "none left top / 100%") is "none left top / 100%
" |
73 PASS innerStyle("-webkit-mask", "none left top / 100% 100%") is "none 0% 0% / 10
0% 100%" | 73 PASS innerStyle("-webkit-mask", "none left top / 100% 100%") is "none left top /
100% 100%" |
74 PASS innerStyle("-webkit-mask", "none left top / 0%") is "none 0% 0% / 0%" | 74 PASS innerStyle("-webkit-mask", "none left top / 0%") is "none left top / 0%" |
75 PASS innerStyle("-webkit-mask", "none left top / auto 0%") is "none 0% 0% / auto
0%" | 75 PASS innerStyle("-webkit-mask", "none left top / auto 0%") is "none left top / a
uto 0%" |
76 PASS innerStyle("-webkit-mask", "none left top / cover") is "none 0% 0% / cover" | 76 PASS innerStyle("-webkit-mask", "none left top / cover") is "none left top / cov
er" |
77 PASS innerStyle("-webkit-mask", "none left top / contain") is "none 0% 0% / cont
ain" | 77 PASS innerStyle("-webkit-mask", "none left top / contain") is "none left top / c
ontain" |
78 PASS innerStyle("-webkit-mask", "none left 20px top 10px / contain") is "none le
ft 20px top 10px / contain" | 78 PASS innerStyle("-webkit-mask", "none left 20px top 10px / contain") is "none le
ft 20px top 10px / contain" |
79 PASS innerStyle("-webkit-mask", "none left 20px top / contain") is "none left 20
px top 0% / contain" | 79 PASS innerStyle("-webkit-mask", "none left 20px top / contain") is "none left 20
px top / contain" |
80 PASS innerStyle("-webkit-mask", "none padding-box content-box") is "none padding
-box content-box" | 80 PASS innerStyle("-webkit-mask", "none padding-box content-box") is "none padding
-box content-box" |
81 PASS innerStyle("-webkit-mask", "none padding-box") is "none padding-box padding
-box" | 81 PASS innerStyle("-webkit-mask", "none padding-box") is "none padding-box padding
-box" |
82 PASS innerStyle("-webkit-mask", "none top") is "none 50% 0%" | 82 PASS innerStyle("-webkit-mask", "none top") is "none center top" |
83 PASS innerStyle("-webkit-mask", "none center right 20px") is "none right 20px to
p 50%" | 83 PASS innerStyle("-webkit-mask", "none center right 20px") is "none right 20px ce
nter" |
84 PASS innerStyle("-webkit-mask", "none border-box left top") is "none 0% 0% borde
r-box border-box" | 84 PASS innerStyle("-webkit-mask", "none border-box left top") is "none left top bo
rder-box border-box" |
85 PASS innerStyle("-webkit-mask", "none border-box left top 20px") is "none left 0
% top 20px border-box border-box" | 85 PASS innerStyle("-webkit-mask", "none border-box left top 20px") is "none left t
op 20px border-box border-box" |
86 PASS innerStyle("-webkit-mask", "none border-box content-box left top repeat-x")
is "none 0% 0% repeat-x border-box content-box" | 86 PASS innerStyle("-webkit-mask", "none border-box content-box left top repeat-x")
is "none left top repeat-x border-box content-box" |
87 PASS innerStyle("-webkit-mask", "none border-box content-box left top / auto rep
eat-x") is "none 0% 0% / auto repeat-x border-box content-box" | 87 PASS innerStyle("-webkit-mask", "none border-box content-box left top / auto rep
eat-x") is "none left top / auto repeat-x border-box content-box" |
88 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-bo
x" | 88 PASS innerStyle("-webkit-mask", "none border-box content-box right 0px center /
auto repeat-x") is "none right 0px center / auto repeat-x border-box content-box
" |
89 PASS innerStyle("-webkit-mask", "top none left") is "" | 89 PASS innerStyle("-webkit-mask", "top none left") is "" |
90 PASS innerStyle("-webkit-mask", "right none bottom") is "" | 90 PASS innerStyle("-webkit-mask", "right none bottom") is "" |
91 PASS innerStyle("-webkit-mask", "right right") is "" | 91 PASS innerStyle("-webkit-mask", "right right") is "" |
92 PASS innerStyle("-webkit-mask", "left left") is "" | 92 PASS innerStyle("-webkit-mask", "left left") is "" |
93 PASS innerStyle("-webkit-mask", "top top") is "" | 93 PASS innerStyle("-webkit-mask", "top top") is "" |
94 PASS innerStyle("-webkit-mask", "bottom bottom") is "" | 94 PASS innerStyle("-webkit-mask", "bottom bottom") is "" |
95 PASS innerStyle("-webkit-mask", "50% none 50%") is "" | 95 PASS innerStyle("-webkit-mask", "50% none 50%") is "" |
96 PASS innerStyle("-webkit-mask", "repeat-x repeat-x") is "" | 96 PASS innerStyle("-webkit-mask", "repeat-x repeat-x") is "" |
97 PASS innerStyle("-webkit-mask", "space repeat-y") is "" | 97 PASS innerStyle("-webkit-mask", "space repeat-y") is "" |
98 PASS innerStyle("-webkit-mask", "repeat space space") is "" | 98 PASS innerStyle("-webkit-mask", "repeat space space") is "" |
(...skipping 19 matching lines...) Expand all Loading... |
118 PASS innerStyle("-webkit-mask", "none top 20px top 30px / auto repeat-x scroll b
order-box border-box") is "" | 118 PASS innerStyle("-webkit-mask", "none top 20px top 30px / auto repeat-x scroll b
order-box border-box") is "" |
119 PASS innerStyle("-webkit-mask", "none top 20px bottom / auto repeat-x scroll bor
der-box border-box") is "" | 119 PASS innerStyle("-webkit-mask", "none top 20px bottom / auto repeat-x scroll bor
der-box border-box") is "" |
120 PASS innerStyle("mask-source-type", "rubbish") is "" | 120 PASS innerStyle("mask-source-type", "rubbish") is "" |
121 PASS innerStyle("mask-source-type", "") is "" | 121 PASS innerStyle("mask-source-type", "") is "" |
122 PASS innerStyle("mask-source-type", "center") is "" | 122 PASS innerStyle("mask-source-type", "center") is "" |
123 PASS innerStyle("mask-source-type", "repeat") is "" | 123 PASS innerStyle("mask-source-type", "repeat") is "" |
124 PASS successfullyParsed is true | 124 PASS successfullyParsed is true |
125 | 125 |
126 TEST COMPLETE | 126 TEST COMPLETE |
127 | 127 |
OLD | NEW |