mirror of
https://github.com/servo/servo.git
synced 2025-06-24 09:04:33 +01:00
52 lines
1.5 KiB
HTML
52 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>table axis height</title>
|
|
<link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS5">
|
|
<meta name="assert" content="Element mtable correctly uses the axis height parameter from the MATH table.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
math, mspace {
|
|
font-size: 10px;
|
|
}
|
|
@font-face {
|
|
font-family: axisheight5000-verticalarrow14000;
|
|
src: url("/fonts/math/axisheight5000-verticalarrow14000.woff");
|
|
}
|
|
</style>
|
|
<script>
|
|
var emToPx = 10 / 1000; // font-size: 10px, font.em = 1000
|
|
var epsilon = 1;
|
|
|
|
function getBox(aId) {
|
|
return document.getElementById(aId).getBoundingClientRect();
|
|
}
|
|
|
|
setup({ explicit_done: true });
|
|
window.addEventListener("load", function() {
|
|
document.fonts.ready.then(runTests);
|
|
});
|
|
|
|
function runTests() {
|
|
test(function() {
|
|
var v1 = 5000 * emToPx;
|
|
var tableMiddle = (getBox("table").bottom + getBox("table").top) / 2;
|
|
assert_approx_equals(getBox("baseline").bottom - tableMiddle,
|
|
v1, epsilon, "mtable: axis height");
|
|
}, "AxisHeight");
|
|
|
|
done();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
<math style="font-family: axisheight5000-verticalarrow14000">
|
|
<mspace id="baseline" mathbackground="green" width="50px" height="1px"/>
|
|
<mtable id="table" mathbackground="blue"><mtr><mtd><mspace width="100px" height="1px"/></mtd></mtr></mtable>
|
|
</math>
|
|
</p>
|
|
</body>
|
|
</html>
|