mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
66 lines
No EOL
3.8 KiB
HTML
66 lines
No EOL
3.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
|
<title>Shape Outside Ellipse args - calc() values</title>
|
|
<link href="http://html.adobe.com/" rel="author" title="Adobe" />
|
|
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck" />
|
|
<link href="mailto:stearns@adobe.com" rel="reviewer" title="Alan Stearns" /> <!-- 2014-03-04 -->
|
|
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse" rel="help" />
|
|
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
|
|
<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
|
|
<meta content="An ellipse's arguments may be in calc() values." name="assert" />
|
|
<meta content="dom" name="flags" />
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="support/parsing-utils.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="log"></div>
|
|
<script type="text/javascript">
|
|
var ellipse_calc_tests = [];
|
|
var defaultPosition = ' at 50% 50%';
|
|
ParsingUtils.calcTestValues.forEach(function(value) {
|
|
testCase = ['ellipse('+ value[0] +')',
|
|
'ellipse('+ value[1] + defaultPosition +')'];
|
|
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
|
|
testCase.push([
|
|
'ellipse('+ value[2][0] + defaultPosition +')',
|
|
'ellipse('+ value[2][1] + defaultPosition +')',
|
|
]);
|
|
} else {
|
|
testCase.push('ellipse('+ value[2] + defaultPosition +')');
|
|
}
|
|
ellipse_calc_tests.push(testCase);
|
|
});
|
|
ParsingUtils.calcTestValues.forEach(function(value) {
|
|
testCase = ['ellipse(farthest-side '+ value[0] +')',
|
|
'ellipse(farthest-side '+ value[1] + defaultPosition +')'];
|
|
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
|
|
testCase.push([
|
|
'ellipse(farthest-side '+ value[2][0] + defaultPosition +')',
|
|
'ellipse(farthest-side '+ value[2][1] + defaultPosition +')'
|
|
]);
|
|
} else {
|
|
testCase.push('ellipse(farthest-side '+ value[2] + defaultPosition +')');
|
|
}
|
|
ellipse_calc_tests.push(testCase);
|
|
});
|
|
ParsingUtils.calcTestValues.forEach(function(value) {
|
|
testCase = ['ellipse('+ value[0] +' '+ value[0] +')',
|
|
'ellipse('+ value[1] +' '+ value[1] + defaultPosition +')'];
|
|
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
|
|
testCase.push([
|
|
'ellipse('+ value[2][0] +' '+ value[2][0] + defaultPosition +')',
|
|
'ellipse('+ value[2][1] +' '+ value[2][1] + defaultPosition +')'
|
|
]);
|
|
} else {
|
|
testCase.push('ellipse('+ value[2] +' '+ value[2] + defaultPosition +')');
|
|
}
|
|
|
|
ellipse_calc_tests.push(testCase);
|
|
});
|
|
generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildCalcTests(ellipse_calc_tests, 'value'));
|
|
generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildCalcTests(ellipse_calc_tests, 'computed'));
|
|
</script>
|
|
|
|
|
|
</body></html> |