shape-outside-circle-008.html (2752B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Circle Invalid Position Argument Values</title> 5 <link rel="author" title="Adobe" href="http://html.adobe.com/"> 6 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@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/#funcdef-circle"> 9 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"> 10 <meta name="assert" content="This test verifies that invalid position arguments on circle() don't parse"> 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 invalid_circle_position_tests = [ 21 {"name": "circle(at foo)"}, 22 {"name": "circle(at 50)"}, 23 {"name": "circle(at 10px 20px 30px)"}, 24 {"name": "circle(at 20% 30% 40%)"}, 25 {"name": "circle(at 20px, 30px)"}, 26 {"name": "circle(at 20%, 30%)"}, 27 {"name": "circle(at 20px, 30px, 40px)"}, 28 {"name": "circle(at 20%, 30%, 40%)"}, 29 {"name": "circle(at closest-side)"}, 30 {"name": "circle(at farthest-side)"}, 31 {"name": "circle(at 20px 30px closest-side)"}, 32 {"name": "circle(at 20px 30px farthest-side)"}, 33 {"name": "circle(at 20px 30px foo)"}, 34 {"name": "circle(at closest-side 20px 30px)"}, 35 {"name": "circle(at farthest-side 20px 30px)"}, 36 {"name": "circle(at 20% 30% closest-side)"}, 37 {"name": "circle(at 20% 30% farthest-side)"}, 38 {"name": "circle(at closest-side 20% 30%)"}, 39 {"name": "circle(at farthest-side 20% 30%)"}, 40 {"name": "circle(at closest-side farthest-side 20px)"}, 41 {"name": "circle(at closest-side farthest-side 20%)"}, 42 {"name": "circle(at farthest-side closest-side closest-side)"}, 43 {"name": "circle(at farthest-side, closest-side, closest-side)"}, 44 {"name": "circle(at left 50x top 50px bottom)"} 45 ]; 46 generate_tests( ParsingUtils.testInlineStyle, 47 ParsingUtils.buildTestCases(invalid_circle_position_tests) ); 48 </script> 49 </body> 50 </html>