stretchy-largeop-with-default-font-1.html (1806B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Stretchy/Largeop with default fonts</title> 5 <meta charset="utf-8"/> 6 <link rel="help" href="https://www.w3.org/TR/mathml-core/#layout-of-operators"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1092053"> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script type="text/javascript"> 11 function heightOf(aElement) { 12 return document.getElementById(aElement).getBoundingClientRect().height; 13 } 14 promise_test(() => { 15 return new Promise(resolve => { 16 window.addEventListener("load", resolve); 17 }).then(() => { 18 assert_greater_than(heightOf("mo0"), heightOf("mo0a")); 19 assert_greater_than(heightOf("mo1"), heightOf("mo1a")); 20 assert_greater_than(heightOf("mo2"), heightOf("mo2a")); 21 assert_greater_than(heightOf("mo3"), heightOf("mo3a")); 22 }); 23 }, "The size of displaystyle largeops is taken into account when stretching fences."); 24 </script> 25 </head> 26 <body> 27 <p> 28 <math displaystyle="true"> 29 <mrow> 30 <mo id="mo0">(</mo> 31 <mo>∫</mo> 32 <mo id="mo1">)</mo> 33 <mrow> 34 </math> 35 </p> 36 <p> 37 <math> 38 <mrow> 39 <mo id="mo0a">(</mo> 40 <mo>∫</mo> 41 <mo id="mo1a">)</mo> 42 <mrow> 43 </math> 44 </p> 45 <p> 46 <math displaystyle="true"> 47 <mrow> 48 <mo id="mo2">(</mo> 49 <mo>∏</mo> 50 <mo id="mo3">)</mo> 51 <mrow> 52 </math> 53 </p> 54 <p> 55 <math> 56 <mrow> 57 <mo id="mo2a">(</mo> 58 <mo>∏</mo> 59 <mo id="mo3a">)</mo> 60 <mrow> 61 </math> 62 </p> 63 </body> 64 </html>