stretchy-largeop-with-default-font-2.html (3185B)
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 contentOf(aElement) { 12 return document.getElementById(aElement).textContent; 13 } 14 function boxOf(aElement) { 15 return document.getElementById(aElement).getBoundingClientRect(); 16 } 17 promise_test(() => { 18 return new Promise(resolve => { 19 window.addEventListener("load", resolve); 20 }).then(() => { 21 const numTests = 10; // zero indexed 22 for (let i = 0; i < numTests; i++) { 23 const operatorName = contentOf(`mo${i}`); 24 const box = boxOf(`mo${i}`); 25 const ref = boxOf(`moRef${i}`); 26 assert_greater_than(box.width, ref.width, `width of largeop '${operatorName}'`); 27 assert_greater_than(box.height, ref.height, `height of largeop '${operatorName}'`); 28 } 29 }); 30 }, "Test that non-stretchy largeops are bigger in display mode."); 31 </script> 32 </head> 33 <body> 34 <p> 35 <math displaystyle="true"> 36 <mo id="mo0">⨀</mo> 37 </math> 38 </p> 39 <p> 40 <math displaystyle="true"> 41 <mo id="mo1">⨁</mo> 42 </math> 43 </p> 44 <p> 45 <math displaystyle="true"> 46 <mo id="mo2">⨃</mo> 47 </math> 48 </p> 49 <p> 50 <math displaystyle="true"> 51 <mo id="mo3">⨅</mo> 52 </math> 53 </p> 54 <p> 55 <math displaystyle="true"> 56 <mo id="mo4">⨇</mo> 57 </math> 58 </p> 59 <p> 60 <math displaystyle="true"> 61 <mo id="mo5">⨈</mo> 62 </math> 63 </p> 64 <p> 65 <math displaystyle="true"> 66 <mo id="mo6">⨉</mo> 67 </math> 68 </p> 69 <p> 70 <math displaystyle="true"> 71 <mo id="mo7">⨊</mo> 72 </math> 73 </p> 74 <p> 75 <math displaystyle="true"> 76 <mo id="mo8">⫼</mo> 77 </math> 78 </p> 79 <p> 80 <math displaystyle="true"> 81 <mo id="mo9">⫿</mo> 82 </math> 83 </p> 84 <p> 85 <math> 86 <mo id="moRef0">⨀</mo> 87 </math> 88 </p> 89 <p> 90 <math> 91 <mo id="moRef1">⨁</mo> 92 </math> 93 </p> 94 <p> 95 <math> 96 <mo id="moRef2">⨃</mo> 97 </math> 98 </p> 99 <p> 100 <math> 101 <mo id="moRef3">⨅</mo> 102 </math> 103 </p> 104 <p> 105 <math> 106 <mo id="moRef4">⨇</mo> 107 </math> 108 </p> 109 <p> 110 <math> 111 <mo id="moRef5">⨈</mo> 112 </math> 113 </p> 114 <p> 115 <math> 116 <mo id="moRef6">⨉</mo> 117 </math> 118 </p> 119 <p> 120 <math> 121 <mo id="moRef7">⨊</mo> 122 </math> 123 </p> 124 <p> 125 <math> 126 <mo id="moRef8">⫼</mo> 127 </math> 128 </p> 129 <p> 130 <math> 131 <mo id="moRef9">⫿</mo> 132 </math> 133 </p> 134 </body> 135 </html>