Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /mathml/presentation-markup/operators/mo-no-vertical-adjustment-for-basic-binary-operators.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>No vertical adjustment for basic binary operators</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="assert" content="Verify vertical alignement of basic binary operators is not adjusted to align their centers with the math axis.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/mathml/support/fonts.js"></script>
<style>
@font-face {
font-family: operators;
/* AxisHeight == 0, so the math axis matches the baseline */
src: url("/fonts/math/operators.woff");
}
math {
font: 25px operators;
}
</style>
<math>
<mn id="ref">↯</mn>
<mo>+</mo><mo>=</mo><mo>*</mo><mo>−</mo><mo>≤</mo><mo>≥</mo><mo>×</mo>
</math>
<script>
promise_test(async () => {
await new Promise(r => { window.addEventListener("DOMContentLoaded", r) });
await loadAllFonts();
function centerOf(element) {
const box = element.getBoundingClientRect();
return (box.top + box.bottom) / 2;
}
const ref = centerOf(document.getElementById("ref"));
const epsilon = 1;
Array.from(document.getElementsByTagName("mo")).forEach(mo => {
assert_approx_equals(centerOf(mo), ref, epsilon,
`Position of "${mo.textContent}"`);
});
}, "Vertical alignment of basic binary operators is not adjusted.");
</script>