<!DOCTYPE html>
<html class="reftest-wait">
  <head>
    <title>Dynamic mathvariant tests</title>
  </head>
  <body>
    <math>
      <mrow>
        <mi id="Mi0">A</mi>
        <mi id="Mi1">A</mi>
        <mi id="Mi2">AA</mi>
        <mi id="Mi3" mathvariant="fraktur">A</mi>
        <mi id="Mi4" mathvariant="monospace">A</mi>
        <mtext id="Mtext0" mathvariant="monospace" fontweight="bold">A</mtext>
        <mtext id="Mtext1" mathvariant="monospace" fontstyle="italic">A</mtext>
        <mtext id="Mtext2" mathvariant="monospace" fontweight="bold">A</mtext>
        <mtext id="Mtext3" mathvariant="monospace" fontstyle="italic">A</mtext>
        <mtext id="Mtext4" fontweight="bold">A</mtext>
        <mtext id="Mtext5" fontstyle="italic">A</mtext>
      </mrow>
    </math>

    <p>

    <math>
      <mrow>
        <mstyle id="Mstyle0">
          <mtext>Hello</mtext>
        </mstyle>
        <mstyle id="Mstyle1" mathvariant="bold-fraktur">
          <mtext>Hello</mtext>
        </mstyle>
        <mstyle id="Mstyle2" mathvariant="bold">
          <mtext>Hello</mtext>
        </mstyle>
      </mrow>
    </math>

    <p>

    <math id="Math0">
      <mtext>Hello</mtext>
    </math>
    <math id="Math1" mathvariant="fraktur">
      <mtext>Hello</mtext>
    </math>
    <math id="Math2" mathvariant="bold">
      <mtext>Hello</mtext>
    </math>
    <script>
      function doTest()
      {
      document.getElementById("Mi0").setAttribute("mathvariant", "script");
      document.getElementById("Mi1").innerHTML = "BB";
      document.getElementById("Mi2").innerHTML = "B";
      document.getElementById("Mi3").removeAttribute("mathvariant");
      document.getElementById("Mi4").setAttribute("mathvariant", "script");
      document.getElementById("Mtext0").removeAttribute("mathvariant");
      document.getElementById("Mtext1").removeAttribute("mathvariant");
      document.getElementById("Mtext2").setAttribute("mathvariant", "script");
      document.getElementById("Mtext3").setAttribute("mathvariant", "script");
      document.getElementById("Mtext4").setAttribute("mathvariant", "script");
      document.getElementById("Mtext5").setAttribute("mathvariant", "script");
      document.getElementById("Mstyle0").setAttribute("mathvariant", "fraktur");
      document.getElementById("Mstyle1").setAttribute("mathvariant", "monospace");
      document.getElementById("Mstyle2").removeAttribute("mathvariant");
      document.getElementById("Math0").setAttribute("mathvariant", "fraktur");
      document.getElementById("Math1").setAttribute("mathvariant", "monospace");
      document.getElementById("Math2").removeAttribute("mathvariant");

      document.documentElement.removeAttribute("class");
      }
      window.addEventListener("MozReftestInvalidate", doTest, false);
    </script>
  </body>
</html>