mo-form-dynamic.html (2148B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="utf-8"/> 5 <title><mo> dynamic form</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#operator-fence-separator-or-accent-mo"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#dom-and-javascript"> 8 <meta name="assert" content="This test verifies that the form of the operators (and thus their spacing) is updated when you change the child list."> 9 <link rel="match" href="mo-form-dynamic-ref.html"> 10 11 <script> 12 window.addEventListener("load", () => { 13 14 // force initial layout so we're sure what we're testing against 15 document.documentElement.getBoundingClientRect(); 16 17 for (var i = 1; i <= 6; i++) { 18 var row = document.getElementById("row" + i); 19 var x = document.getElementById("x" + i); 20 21 x.parentNode.removeChild(x); 22 23 row.insertBefore(x, row.firstElementChild); 24 } 25 26 document.documentElement.classList.remove('reftest-wait'); 27 }) 28 </script> 29 </head> 30 <body> 31 32 <p>The test should render the same as the static reference.</p> 33 34 _<math><merror id="row1"><mo>+</mo><mi>y</mi></merror></math>_ 35 _<math id="row2"><mo>+</mo><mi>y</mi></math>_ 36 _<math><mphantom id="row3"><mo>+</mo><mi>y</mi></mphantom></math>_ 37 _<math><mrow id="row4"><mo>+</mo><mi>y</mi></mrow></math>_ 38 _<math><msqrt id="row5"><mo>+</mo><mi>y</mi></msqrt></math>_ 39 _<math><mstyle id="row6"><mo>+</mo><mi>y</mi></mstyle></math>_ 40 41 _<math><merror><mi id="x1">x</mi><mo>−</mo><mi>y</mi></merror></math>_ 42 _<math><mi id="x2">x</mi><mo>−</mo><mi>y</mi></math>_ 43 _<math><mphantom><mi id="x3">x</mi><mo>−</mo><mi>y</mi></mphantom></math>_ 44 _<math><mrow><mi id="x4">x</mi><mo>−</mo><mi>y</mi></mrow></math>_ 45 _<math><msqrt><mi id="x5">x</mi><mo>−</mo><mi>y</mi></msqrt></math>_ 46 _<math><mstyle><mi id="x6">x</mi><mo>−</mo><mi>y</mi></mstyle></math>_ 47 48 <script src="/mathml/support/feature-detection.js"></script> 49 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_operator_spacing");</script> 50 </body> 51 </html>