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 82 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
93 testComputed("mask-source-type", "", "alpha"); | 93 testComputed("mask-source-type", "", "alpha"); |
94 | 94 |
95 // test mask-repeat | 95 // test mask-repeat |
96 testInner("-webkit-mask", "repeat-x", "repeat-x"); | 96 testInner("-webkit-mask", "repeat-x", "repeat-x"); |
97 testInner("-webkit-mask", "repeat-y", "repeat-y"); | 97 testInner("-webkit-mask", "repeat-y", "repeat-y"); |
98 testInner("-webkit-mask", "repeat", "repeat"); | 98 testInner("-webkit-mask", "repeat", "repeat"); |
99 testInner("-webkit-mask", "space", "space"); | 99 testInner("-webkit-mask", "space", "space"); |
100 testInner("-webkit-mask", "no-repeat", "no-repeat"); | 100 testInner("-webkit-mask", "no-repeat", "no-repeat"); |
101 testInner("-webkit-mask", "repeat space", "repeat space"); | 101 testInner("-webkit-mask", "repeat space", "repeat space"); |
102 testInner("-webkit-mask", "repeat round", "repeat round"); | 102 testInner("-webkit-mask", "repeat round", "repeat round"); |
103 testInner("-webkit-mask", "repeat no-repeat", "repeat no-repeat"); | 103 testInner("-webkit-mask", "repeat no-repeat", "repeat-x"); |
104 testInner("-webkit-mask", "repeat space, repeat-x", "repeat space, repeat-x"); | 104 testInner("-webkit-mask", "repeat space, repeat-x", "repeat space, repeat-x"); |
105 testInner("-webkit-mask", "repeat none", "none repeat"); | 105 testInner("-webkit-mask", "repeat none", "none repeat"); |
106 testInner("-webkit-mask", "none repeat", "none repeat"); | 106 testInner("-webkit-mask", "none repeat", "none repeat"); |
107 | 107 |
108 // test mask-origin / mask-clip | 108 // test mask-origin / mask-clip |
109 testInner("-webkit-mask", "padding-box", "padding-box padding-box"); | 109 testInner("-webkit-mask", "padding-box", "padding-box padding-box"); |
110 testInner("-webkit-mask", "border-box", "border-box border-box"); | 110 testInner("-webkit-mask", "border-box", "border-box border-box"); |
111 testInner("-webkit-mask", "content-box", "content-box content-box"); | 111 testInner("-webkit-mask", "content-box", "content-box content-box"); |
112 testInner("-webkit-mask", "padding-box none", "none padding-box padding-box"); | 112 testInner("-webkit-mask", "padding-box none", "none padding-box padding-box"); |
113 testInner("-webkit-mask", "none padding-box", "none padding-box padding-box"); | 113 testInner("-webkit-mask", "none padding-box", "none padding-box padding-box"); |
(...skipping 64 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 |