| 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 14 matching lines...) Expand all Loading... |
| 25 shouldBeNull('getStyleValue("shape-inside", "' + value + '")'); | 25 shouldBeNull('getStyleValue("shape-inside", "' + value + '")'); |
| 26 else | 26 else |
| 27 shouldBeEqualToString('getStyleValue("shape-inside", "' + value + '")',
expected); | 27 shouldBeEqualToString('getStyleValue("shape-inside", "' + value + '")',
expected); |
| 28 } | 28 } |
| 29 function testComputedStyleValue(value, expected) { | 29 function testComputedStyleValue(value, expected) { |
| 30 testShapeComputedProperty("shape-inside", value, expected); | 30 testShapeComputedProperty("shape-inside", value, expected); |
| 31 } | 31 } |
| 32 | 32 |
| 33 function testInvalidValue(property, value) { | 33 function testInvalidValue(property, value) { |
| 34 testStyleValue(value, null); | 34 testStyleValue(value, null); |
| 35 testComputedStyleValue(value, 'auto'); | 35 testComputedStyleValue(value, 'none'); |
| 36 } | 36 } |
| 37 | 37 |
| 38 // absolute lengths - number serialization, units | 38 // absolute lengths - number serialization, units |
| 39 testStyleValue("circle(0, 0, 0)", "circle(0px, 0px, 0px)"); | 39 testStyleValue("circle(0, 0, 0)", "circle(0px, 0px, 0px)"); |
| 40 testStyleValue("circle(-1px, +1px, 1px)", "circle(-1px, 1px, 1px)"); | 40 testStyleValue("circle(-1px, +1px, 1px)", "circle(-1px, 1px, 1px)"); |
| 41 testStyleValue("circle(-1.5px, +1.5px, 1.5px)", "circle(-1.5px, 1.5px, 1.5px)"); | 41 testStyleValue("circle(-1.5px, +1.5px, 1.5px)", "circle(-1.5px, 1.5px, 1.5px)"); |
| 42 testStyleValue("circle(-.5px, +.5px, .5px)", "circle(-0.5px, 0.5px, 0.5px)"); | 42 testStyleValue("circle(-.5px, +.5px, .5px)", "circle(-0.5px, 0.5px, 0.5px)"); |
| 43 | 43 |
| 44 testStyleValue("rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "rectangle(1cm, 1mm, 1
in, 1px, 1pt, 1pc)"); | 44 testStyleValue("rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "rectangle(1cm, 1mm, 1
in, 1px, 1pt, 1pc)"); |
| 45 testStyleValue("inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "inset-rectangle
(1cm, 1mm, 1in, 1px, 1pt, 1pc)"); | 45 testStyleValue("inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "inset-rectangle
(1cm, 1mm, 1in, 1px, 1pt, 1pc)"); |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 98 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)"); | 98 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)"); |
| 99 | 99 |
| 100 // reject negative top, right, bottom, and left | 100 // reject negative top, right, bottom, and left |
| 101 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc)
"); | 101 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc)
"); |
| 102 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc)
"); | 102 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc)
"); |
| 103 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)
"); | 103 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)
"); |
| 104 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)
"); | 104 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)
"); |
| 105 </script> | 105 </script> |
| 106 </body> | 106 </body> |
| 107 </html> | 107 </html> |
| OLD | NEW |