mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
52 lines
No EOL
2.2 KiB
HTML
52 lines
No EOL
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>Shape Outside Basic Shape Computed Font Relative Lengths</title>
|
|
<link href="http://html.adobe.com/" rel="author" title="Adobe">
|
|
<link href="mailto:betravis@adobe.com" rel="author" title="Bear Travis">
|
|
<link href="mailto:stearns@adobe.com" rel="reviewer" title="Alan Stearns"> <!-- 2014-03-04 -->
|
|
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
|
|
<link href="http://www.w3.org/TR/css-cascade-3/#computed" rel="help">
|
|
<meta content="The basic shape can contain relative length formats, which resolve to the computed (absolute) length value" 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">
|
|
// font relative units: em, ex, ch, rem
|
|
var units = ['em', 'ex', 'ch', 'rem'];
|
|
var div = document.createElement('div');
|
|
document.body.appendChild(div);
|
|
var resolveds = {};
|
|
units.forEach(function(unit) {
|
|
div.style.width = '10' + unit;
|
|
var s = getComputedStyle(div);
|
|
resolveds[unit] = parseFloat(s.width);
|
|
});
|
|
document.body.removeChild(div);
|
|
|
|
function fillArray(string, length) {
|
|
return Array.apply(null, new Array(length)).map(String.prototype.valueOf, string);
|
|
}
|
|
|
|
function testUnit(unit) {
|
|
var relativeLength = '1' + unit;
|
|
var usedLength = resolveds[unit] + 'px';
|
|
|
|
var input = 'polygon(nonzero, ' + fillArray('10' + unit, 2).join(' ') + ')';
|
|
var output = 'polygon(' + fillArray(resolveds[unit] + 'px', 2).join(' ') + ')';
|
|
|
|
ParsingUtils.testComputedStyle(input, ParsingUtils.roundResultStr(output));
|
|
}
|
|
|
|
var tests = units.map(function(unit) {
|
|
return [unit + ' units', unit];
|
|
});
|
|
|
|
generate_tests(testUnit, tests);
|
|
</script>
|
|
|
|
|
|
</body></html> |