shape-outside-ellipse-011.html (3083B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Ellipse position args - calc() 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-ellipse"> 9 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"> 10 <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"> 11 <meta name="assert" content="An ellipse's <position> arguments may be in calc() values."> 12 <meta name="flags" content="ahem dom"> 13 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> 14 <script src="/resources/testharness.js"></script> 15 <script src="/resources/testharnessreport.js"></script> 16 <script src="support/parsing-utils.js"></script> 17 </head> 18 <body> 19 <div id="log"></div> 20 <script type="text/javascript"> 21 var ellipse_position_calc_tests = []; 22 ParsingUtils.calcTestValues.forEach(function(value) { 23 testCase = ['ellipse(at '+ value[0] +' 50%)', 24 'ellipse(at '+ value[1] +' 50%)']; 25 if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) { 26 testCase.push([ 27 'ellipse(at '+ value[2][0] +' 50%)', 28 'ellipse(at '+ value[2][1] +' 50%)' 29 ]); 30 } else { 31 testCase.push('ellipse(at '+ value[2] +' 50%)'); 32 } 33 ellipse_position_calc_tests.push(testCase); 34 }); 35 ParsingUtils.calcTestValues.forEach(function(value) { 36 testCase = ['ellipse(closest-side farthest-side at '+ value[0] +' '+ value[0] +')', 37 'ellipse(closest-side farthest-side at '+ value[1] +' '+ value[1] +')']; 38 if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) { 39 testCase.push([ 40 'ellipse(closest-side farthest-side at '+ value[2][0] +' '+ value[2][0] +')', 41 'ellipse(closest-side farthest-side at '+ value[2][1] +' '+ value[2][1] +')' 42 ]); 43 } else { 44 testCase.push('ellipse(closest-side farthest-side at '+ value[2] +' '+ value[2] +')'); 45 } 46 ellipse_position_calc_tests.push(testCase); 47 }); 48 generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(ellipse_position_calc_tests, 'inline')); 49 generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(ellipse_position_calc_tests, 'computed')); 50 </script> 51 </body> 52 </html>