shape-outside-ellipse-007.html (2383B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Ellipse Radii - invalid args</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-ellipse"> 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 shape-radius arguments on ellipse() 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_ellipse_radiii_tests = [ 21 {"name": "ellipse(foo)"}, 22 {"name": "ellipse(10)"}, 23 {"name": "ellipse(20px 30px 40px)"}, 24 {"name": "ellipse(20% 30% 40%)"}, 25 {"name": "ellipse(20px, 30px, 40px)"}, 26 {"name": "ellipse(20%, 30%, 40%)"}, 27 {"name": "ellipse(20px 30px closest-side)"}, 28 {"name": "ellipse(20px 30px farthest-side)"}, 29 {"name": "ellipse(closest-side 20px 30px)"}, 30 {"name": "ellipse(farthest-side 20px 30px)"}, 31 {"name": "ellipse(20% 30% closest-side)"}, 32 {"name": "ellipse(20% 30% farthest-side)"}, 33 {"name": "ellipse(closest-side 20% 30%)"}, 34 {"name": "ellipse(farthest-side 20% 30%)"}, 35 {"name": "ellipse(closest-side farthest-side 20px)"}, 36 {"name": "ellipse(closest-side farthest-side 20%)"}, 37 {"name": "ellipse(farthest-side closest-side closest-side)"}, 38 {"name": "ellipse(farthest-side, closest-side, closest-side)"} 39 ]; 40 generate_tests( ParsingUtils.testInlineStyle, 41 ParsingUtils.buildTestCases(invalid_ellipse_radiii_tests) ); 42 </script> 43 </body> 44 </html>