| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 * { font-size: 16px; } | 5 * { font-size: 16px; } |
| 6 div { font-size: 8px; } | 6 div { font-size: 8px; } |
| 7 </style> | 7 </style> |
| 8 <script src="../../../resources/js-test.js"></script> | 8 <script src="../../../resources/js-test.js"></script> |
| 9 </head> | 9 </head> |
| 10 <body> | 10 <body> |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 67 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(4px, 8px, 12px)"); | 67 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(4px, 8px, 12px)"); |
| 68 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(3px, 6px, 9px)"); | 68 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(3px, 6px, 9px)"); |
| 69 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(3px, 6px, 9px)"
); | 69 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(3px, 6px, 9px)"
); |
| 70 | 70 |
| 71 // percentage lengths - units | 71 // percentage lengths - units |
| 72 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)"); | 72 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)"); |
| 73 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9
0%, 60%, 25%, 10%)"); | 73 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9
0%, 60%, 25%, 10%)"); |
| 74 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle
(45%, 45%, 90%, 60%, 25%, 10%)"); | 74 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle
(45%, 45%, 90%, 60%, 25%, 10%)"); |
| 75 testStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90% 60% ro
und 25% 10% 25% 10% / 25% 10% 25% 10%)"); | 75 testStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90% 60% ro
und 25% 10% 25% 10% / 25% 10% 25% 10%)"); |
| 76 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100
%)"); | 76 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100
%)"); |
| 77 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 10% 20%,
30% 40%, 40% 50%)"); | 77 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(10% 20%, 30% 40%,
40% 50%)"); |
| 78 | 78 |
| 79 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)"); | 79 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)"); |
| 80 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%
, 45%, 90%, 60%, 25%, 10%)"); | 80 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%
, 45%, 90%, 60%, 25%, 10%)"); |
| 81 testComputedStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-r
ectangle(45%, 45%, 90%, 60%, 25%, 10%)"); | 81 testComputedStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-r
ectangle(45%, 45%, 90%, 60%, 25%, 10%)"); |
| 82 testComputedStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90
% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)"); | 82 testComputedStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90
% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)"); |
| 83 testComputedStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 1
00%, 100%)"); | 83 testComputedStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 1
00%, 100%)"); |
| 84 testComputedStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 1
0% 20%, 30% 40%, 40% 50%)"); | 84 testComputedStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(10% 20%, 3
0% 40%, 40% 50%)"); |
| 85 | 85 |
| 86 // reject non-lengths | 86 // reject non-lengths |
| 87 testInvalidValue("shape-inside", "circle(1px, 1px, 1)"); | 87 testInvalidValue("shape-inside", "circle(1px, 1px, 1)"); |
| 88 testInvalidValue("shape-inside", "circle(1px, 1px, px)"); | 88 testInvalidValue("shape-inside", "circle(1px, 1px, px)"); |
| 89 testInvalidValue("shape-inside", "circle(1px, 1px, 1p)"); | 89 testInvalidValue("shape-inside", "circle(1px, 1px, 1p)"); |
| 90 testInvalidValue("shape-inside", "circle(1px, 1px, calc())"); | 90 testInvalidValue("shape-inside", "circle(1px, 1px, calc())"); |
| 91 | 91 |
| 92 // reject negative radiuses | 92 // reject negative radiuses |
| 93 testInvalidValue("shape-inside", "circle(-1.5px, +1.5px, -1.5px)"); | 93 testInvalidValue("shape-inside", "circle(-1.5px, +1.5px, -1.5px)"); |
| 94 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)"); | 94 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)"); |
| 95 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)"); | 95 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)"); |
| 96 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)
"); | 96 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)
"); |
| 97 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)
"); | 97 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)
"); |
| 98 testInvalidValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc)"); | 98 testInvalidValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc)"); |
| 99 testInvalidValue("shape-inside", "ellipse(1em, 1em, -1em, 1em)"); | 99 testInvalidValue("shape-inside", "ellipse(1em, 1em, -1em, 1em)"); |
| 100 testInvalidValue("shape-inside", "ellipse(1em, 1em, 1em, -1em)"); | 100 testInvalidValue("shape-inside", "ellipse(1em, 1em, 1em, -1em)"); |
| 101 | 101 |
| 102 // reject negative height and width | 102 // reject negative height and width |
| 103 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)"); | 103 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)"); |
| 104 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)"); | 104 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)"); |
| 105 | 105 |
| 106 // reject negative top, right, bottom, and left | 106 // reject negative top, right, bottom, and left |
| 107 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc)
"); | 107 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc)
"); |
| 108 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc)
"); | 108 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc)
"); |
| 109 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)
"); | 109 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)
"); |
| 110 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)
"); | 110 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)
"); |
| 111 </script> | 111 </script> |
| 112 </body> | 112 </body> |
| 113 </html> | 113 </html> |
| OLD | NEW |