OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 * { font-size: 16px; } | 4 * { font-size: 16px; } |
5 div { font-size: 8px; } | 5 div { font-size: 8px; } |
6 </style> | 6 </style> |
7 <body> | 7 <body> |
8 <script src="../../resources/js-test.js"></script> | 8 <script src="../../resources/js-test.js"></script> |
9 <script> | 9 <script> |
10 description('Test that clip-path shapes accept different length units'); | 10 description('Test that clip-path shapes accept different length units'); |
(...skipping 28 matching lines...) Expand all Loading... |
39 testInner(property, value, null); | 39 testInner(property, value, null); |
40 testComputed(property, value, 'none'); | 40 testComputed(property, value, 'none'); |
41 } | 41 } |
42 | 42 |
43 // absolute lengths - number serialization, units | 43 // absolute lengths - number serialization, units |
44 testInner("-webkit-clip-path", "circle(0, 0, 0)", "circle(0px, 0px, 0px)"); | 44 testInner("-webkit-clip-path", "circle(0, 0, 0)", "circle(0px, 0px, 0px)"); |
45 testInner("-webkit-clip-path", "circle(-1px, +1px, 1px)", "circle(-1px, 1px, 1px
)"); | 45 testInner("-webkit-clip-path", "circle(-1px, +1px, 1px)", "circle(-1px, 1px, 1px
)"); |
46 testInner("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)", "circle(-1.5px,
1.5px, 1.5px)"); | 46 testInner("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)", "circle(-1.5px,
1.5px, 1.5px)"); |
47 testInner("-webkit-clip-path", "circle(-.5px, +.5px, .5px)", "circle(-0.5px, 0.5
px, 0.5px)"); | 47 testInner("-webkit-clip-path", "circle(-.5px, +.5px, .5px)", "circle(-0.5px, 0.5
px, 0.5px)"); |
48 | 48 |
49 testInner("-webkit-clip-path", "circle(0 at 0 0)", "circle(0px at 0px 0px)"); | 49 testInner("-webkit-clip-path", "circle(0 at 0 0)", "circle(0px at 0% 0%)"); |
50 testInner("-webkit-clip-path", "circle(1px at -1px +1px)", "circle(1px at -1px 1
px)"); | 50 testInner("-webkit-clip-path", "circle(1px at -1px +1px)", "circle(1px at -1px 1
px)"); |
51 testInner("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)", "circle(1.5px a
t -1.5px 1.5px)"); | 51 testInner("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)", "circle(1.5px a
t -1.5px 1.5px)"); |
52 testInner("-webkit-clip-path", "circle(.5px at -.5px +.5px)", "circle(0.5px at -
0.5px 0.5px)"); | 52 testInner("-webkit-clip-path", "circle(.5px at -.5px +.5px)", "circle(0.5px at -
0.5px 0.5px)"); |
53 | 53 |
54 testInner("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "recta
ngle(1cm, 1mm, 1in, 1px, 1pt, 1pc)"); | 54 testInner("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "recta
ngle(1cm, 1mm, 1in, 1px, 1pt, 1pc)"); |
55 | 55 |
56 // font-relative lengths - number serialization, units, resolution | 56 // font-relative lengths - number serialization, units, resolution |
57 testInner("-webkit-clip-path", "circle(-1em, +1em, 1em)", "circle(-1em, 1em, 1em
)"); | 57 testInner("-webkit-clip-path", "circle(-1em, +1em, 1em)", "circle(-1em, 1em, 1em
)"); |
58 testInner("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)", "circle(-1.5em,
1.5em, 1.5em)"); | 58 testInner("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)", "circle(-1.5em,
1.5em, 1.5em)"); |
59 testInner("-webkit-clip-path", "circle(-.5em, +.5em, .5em)", "circle(-0.5em, 0.5
em, 0.5em)"); | 59 testInner("-webkit-clip-path", "circle(-.5em, +.5em, .5em)", "circle(-0.5em, 0.5
em, 0.5em)"); |
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
134 negativeTest("-webkit-clip-path", "polygon(0, 0)"); | 134 negativeTest("-webkit-clip-path", "polygon(0, 0)"); |
135 negativeTest("-webkit-clip-path", "polygon(0 0, 0)"); | 135 negativeTest("-webkit-clip-path", "polygon(0 0, 0)"); |
136 negativeTest("-webkit-clip-path", "polygon(0)"); | 136 negativeTest("-webkit-clip-path", "polygon(0)"); |
137 negativeTest("-webkit-clip-path", "polygon()"); | 137 negativeTest("-webkit-clip-path", "polygon()"); |
138 negativeTest("-webkit-clip-path", "polygon(evenodd)"); | 138 negativeTest("-webkit-clip-path", "polygon(evenodd)"); |
139 negativeTest("-webkit-clip-path", "polygon(nonzero)"); | 139 negativeTest("-webkit-clip-path", "polygon(nonzero)"); |
140 | 140 |
141 </script> | 141 </script> |
142 </body> | 142 </body> |
143 </html> | 143 </html> |
OLD | NEW |