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 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
70 testInner("-webkit-mask", "left 10% top 30%", "left 10% top 30%"); | 70 testInner("-webkit-mask", "left 10% top 30%", "left 10% top 30%"); |
71 testInner("-webkit-mask", "right top 15px", "right 0% top 15px"); | 71 testInner("-webkit-mask", "right top 15px", "right 0% top 15px"); |
72 testInner("-webkit-mask", "left 10px center", "left 10px top 50%"); | 72 testInner("-webkit-mask", "left 10px center", "left 10px top 50%"); |
73 testInner("-webkit-mask", "center top 20px", "left 50% top 20px"); | 73 testInner("-webkit-mask", "center top 20px", "left 50% top 20px"); |
74 testInner("-webkit-mask", "center left 30px", "left 30px top 50%"); | 74 testInner("-webkit-mask", "center left 30px", "left 30px top 50%"); |
75 testInner("-webkit-mask", "left 20% top", "left 20% top 0%"); | 75 testInner("-webkit-mask", "left 20% top", "left 20% top 0%"); |
76 testInner("-webkit-mask", "center center", "50% 50%"); | 76 testInner("-webkit-mask", "center center", "50% 50%"); |
77 | 77 |
78 testInner("-webkit-mask-position", "left 10px top 15px", "left 10px top 15px"); | 78 testInner("-webkit-mask-position", "left 10px top 15px", "left 10px top 15px"); |
79 testInner("-webkit-mask-position", "left 10% top 30%", "left 10% top 30%"); | 79 testInner("-webkit-mask-position", "left 10% top 30%", "left 10% top 30%"); |
80 testInner("-webkit-mask-position", "right top 15px", "right 0% top 15px"); | 80 testInner("-webkit-mask-position", "right top 15px", "right top 15px"); |
81 testInner("-webkit-mask-position", "left 10px center", "left 10px top 50%"); | 81 testInner("-webkit-mask-position", "left 10px center", "left 10px center"); |
82 testInner("-webkit-mask-position", "center top 20px", "left 50% top 20px"); | 82 testInner("-webkit-mask-position", "center top 20px", "center top 20px"); |
83 testInner("-webkit-mask-position", "center left 30px", "left 30px top 50%"); | 83 testInner("-webkit-mask-position", "center left 30px", "left 30px center"); |
84 testInner("-webkit-mask-position", "left 20% top", "left 20% top 0%"); | 84 testInner("-webkit-mask-position", "left 20% top", "left 20% top"); |
85 | 85 |
86 // test mask-source-type | 86 // test mask-source-type |
87 testInner("mask-source-type", "alpha", "alpha"); | 87 testInner("mask-source-type", "alpha", "alpha"); |
88 testInner("mask-source-type", "luminance", "luminance"); | 88 testInner("mask-source-type", "luminance", "luminance"); |
89 testInner("mask-source-type", "auto", "auto"); | 89 testInner("mask-source-type", "auto", "auto"); |
90 testComputed("mask-source-type", "alpha", "alpha"); | 90 testComputed("mask-source-type", "alpha", "alpha"); |
91 testComputed("mask-source-type", "auto", "alpha"); | 91 testComputed("mask-source-type", "auto", "alpha"); |
92 testComputed("mask-source-type", "luminance", "luminance"); | 92 testComputed("mask-source-type", "luminance", "luminance"); |
93 testComputed("mask-source-type", "", "alpha"); | 93 testComputed("mask-source-type", "", "alpha"); |
94 | 94 |
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
178 negativeTest("-webkit-mask", "none top 20px bottom / auto repeat-x scroll border
-box border-box"); | 178 negativeTest("-webkit-mask", "none top 20px bottom / auto repeat-x scroll border
-box border-box"); |
179 | 179 |
180 negativeTest("mask-source-type", "rubbish"); | 180 negativeTest("mask-source-type", "rubbish"); |
181 negativeTest("mask-source-type", ""); | 181 negativeTest("mask-source-type", ""); |
182 negativeTest("mask-source-type", "center"); | 182 negativeTest("mask-source-type", "center"); |
183 negativeTest("mask-source-type", "repeat"); | 183 negativeTest("mask-source-type", "repeat"); |
184 | 184 |
185 </script> | 185 </script> |
186 </body> | 186 </body> |
187 </html> | 187 </html> |
OLD | NEW |