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 27 matching lines...) Expand all Loading... |
38 function negativeTest(property, value) { | 38 function negativeTest(property, value) { |
39 testInner(property, value, ""); | 39 testInner(property, value, ""); |
40 // FIXME: Computed style not yet implemented. | 40 // FIXME: Computed style not yet implemented. |
41 // testComputed(property, value, 'none'); | 41 // testComputed(property, value, 'none'); |
42 } | 42 } |
43 | 43 |
44 // test mask-image | 44 // test mask-image |
45 testInner("-webkit-mask", "none", "none"); | 45 testInner("-webkit-mask", "none", "none"); |
46 testInner("-webkit-mask", "none, none", "none, none"); | 46 testInner("-webkit-mask", "none, none", "none, none"); |
47 testInner("-webkit-mask", "none, none, none", "none, none, none"); | 47 testInner("-webkit-mask", "none, none, none", "none, none, none"); |
48 testInner("-webkit-mask", "url(file:///image.png), none", "url(file:///image.png
), none"); | 48 testInner("-webkit-mask", "url(file:///image.png), none", 'url("file:///image.pn
g"), none'); |
49 testInner("-webkit-mask", "none, url(file:///image.png)", "none, url(file:///ima
ge.png)"); | 49 testInner("-webkit-mask", "none, url(file:///image.png)", 'none, url("file:///im
age.png")'); |
50 | 50 |
51 | 51 |
52 // test mask-position | 52 // test mask-position |
53 testInner("-webkit-mask", "top left", "0% 0%"); | 53 testInner("-webkit-mask", "top left", "0% 0%"); |
54 testInner("-webkit-mask", "bottom right", "100% 100%"); | 54 testInner("-webkit-mask", "bottom right", "100% 100%"); |
55 testInner("-webkit-mask", "left bottom", "0% 100%"); | 55 testInner("-webkit-mask", "left bottom", "0% 100%"); |
56 testInner("-webkit-mask", "right top", "100% 0%"); | 56 testInner("-webkit-mask", "right top", "100% 0%"); |
57 testInner("-webkit-mask", "center", "50% 50%"); | 57 testInner("-webkit-mask", "center", "50% 50%"); |
58 testInner("-webkit-mask", "none top", "none 50% 0%"); | 58 testInner("-webkit-mask", "none top", "none 50% 0%"); |
59 testInner("-webkit-mask", "none bottom", "none 50% 100%"); | 59 testInner("-webkit-mask", "none bottom", "none 50% 100%"); |
(...skipping 118 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 |