| 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.p
ng\"), 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:///i
mage.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 |