| 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 103 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 114 testInner("-webkit-mask", "padding-box content-box", "padding-box content-box"); | 114 testInner("-webkit-mask", "padding-box content-box", "padding-box content-box"); |
| 115 testInner("-webkit-mask", "content-box content-box", "content-box content-box"); | 115 testInner("-webkit-mask", "content-box content-box", "content-box content-box"); |
| 116 testInner("-webkit-mask", "padding-box border-box", "padding-box border-box"); | 116 testInner("-webkit-mask", "padding-box border-box", "padding-box border-box"); |
| 117 testInner("-webkit-mask", "padding-box border-box none", "none padding-box borde
r-box"); | 117 testInner("-webkit-mask", "padding-box border-box none", "none padding-box borde
r-box"); |
| 118 testInner("-webkit-mask", "none padding-box border-box", "none padding-box borde
r-box"); | 118 testInner("-webkit-mask", "none padding-box border-box", "none padding-box borde
r-box"); |
| 119 | 119 |
| 120 // test mask-size | 120 // test mask-size |
| 121 testInner("-webkit-mask", "none left top / auto", "none 0% 0% / auto"); | 121 testInner("-webkit-mask", "none left top / auto", "none 0% 0% / auto"); |
| 122 testInner("-webkit-mask", "none left top / auto auto", "none 0% 0% / auto"); | 122 testInner("-webkit-mask", "none left top / auto auto", "none 0% 0% / auto"); |
| 123 testInner("-webkit-mask", "none left top / 100%", "none 0% 0% / 100%"); | 123 testInner("-webkit-mask", "none left top / 100%", "none 0% 0% / 100%"); |
| 124 testInner("-webkit-mask", "none left top / 100% 100%", "none 0% 0% / 100% 100%")
; |
| 124 testInner("-webkit-mask", "none left top / 0%", "none 0% 0% / 0%"); | 125 testInner("-webkit-mask", "none left top / 0%", "none 0% 0% / 0%"); |
| 125 testInner("-webkit-mask", "none left top / auto 0%", "none 0% 0% / auto 0%"); | 126 testInner("-webkit-mask", "none left top / auto 0%", "none 0% 0% / auto 0%"); |
| 126 testInner("-webkit-mask", "none left top / cover", "none 0% 0% / cover"); | 127 testInner("-webkit-mask", "none left top / cover", "none 0% 0% / cover"); |
| 127 testInner("-webkit-mask", "none left top / contain", "none 0% 0% / contain"); | 128 testInner("-webkit-mask", "none left top / contain", "none 0% 0% / contain"); |
| 128 testInner("-webkit-mask", "none left 20px top 10px / contain", "none left 20px t
op 10px / contain"); | 129 testInner("-webkit-mask", "none left 20px top 10px / contain", "none left 20px t
op 10px / contain"); |
| 129 testInner("-webkit-mask", "none left 20px top / contain", "none left 20px top 0%
/ contain"); | 130 testInner("-webkit-mask", "none left 20px top / contain", "none left 20px top 0%
/ contain"); |
| 130 | 131 |
| 131 // combinations | 132 // combinations |
| 132 testInner("-webkit-mask", "none padding-box content-box", "none padding-box cont
ent-box"); | 133 testInner("-webkit-mask", "none padding-box content-box", "none padding-box cont
ent-box"); |
| 133 testInner("-webkit-mask", "none padding-box", "none padding-box padding-box"); | 134 testInner("-webkit-mask", "none padding-box", "none padding-box padding-box"); |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 177 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"); |
| 178 | 179 |
| 179 negativeTest("mask-source-type", "rubbish"); | 180 negativeTest("mask-source-type", "rubbish"); |
| 180 negativeTest("mask-source-type", ""); | 181 negativeTest("mask-source-type", ""); |
| 181 negativeTest("mask-source-type", "center"); | 182 negativeTest("mask-source-type", "center"); |
| 182 negativeTest("mask-source-type", "repeat"); | 183 negativeTest("mask-source-type", "repeat"); |
| 183 | 184 |
| 184 </script> | 185 </script> |
| 185 </body> | 186 </body> |
| 186 </html> | 187 </html> |
| OLD | NEW |