| 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 |