shape-outside-computed-shape-001.html (2202B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Basic Shape Computed Percentage Lengths</title> 5 <link rel="author" title="Adobe" href="http://html.adobe.com/"> 6 <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com"> 7 <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 --> 8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"> 9 <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#computed"> 10 <meta name="assert" content="The basic shape can contain percentages, which remain unchanged when computed"> 11 <meta name="flags" content="ahem dom"> 12 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> 13 <script src="/resources/testharness.js"></script> 14 <script src="/resources/testharnessreport.js"></script> 15 <script src="support/parsing-utils.js"></script> 16 </head> 17 <body> 18 <div id="log"></div> 19 <script type="text/javascript"> 20 var valid_polygon_tests = [ 21 { 22 "name": "inset", 23 "actual": "inset(10% 20% 30% 40% round 10% 20% 30% 40% / 10% 20% 30% 40%)", 24 "expected_computed": "inset(10% 20% 30% 40% round 10% 20% 30% 40%)" 25 }, 26 { 27 "name": "circle", 28 "actual": "circle(10% at 10% 20%)", 29 "expected_computed": "circle(10% at 10% 20%)" 30 }, 31 { 32 "name": "ellipse", 33 "actual": "ellipse(10% 20% at 10% 20%)", 34 "expected_computed": "ellipse(10% 20% at 10% 20%)" 35 }, 36 { 37 "name": "polygon", 38 "actual": "polygon(nonzero, 10% 20%, 30% 40%, 50% 60%)", 39 "expected_computed": "polygon(10% 20%, 30% 40%, 50% 60%)" 40 } 41 ]; 42 43 generate_tests( ParsingUtils.testComputedStyle, 44 ParsingUtils.buildTestCases(valid_polygon_tests, "computed") ); 45 </script> 46 </body> 47 </html>