Add more tests to check mrow fallback for invalid mmultiscripts

See w3c/mathml-core#61 (comment)
web-platform-tests · Dec 8, 2022 · 6eb0583 · 6eb0583
1 parent 584cd49
commit 6eb0583
Showing 1 changed file with 51 additions and 0 deletions.
diff --git a/mathml/presentation-markup/mrow/mrow-fallback.html b/mathml/presentation-markup/mrow/mrow-fallback.html
@@ -63,12 +63,63 @@
         }
       }
     });
+    Array.from(document.getElementById("invalidMultiscripts").
+               getElementsByTagName("mmultiscripts")).forEach(element => {
+      let reference = element.nextElementSibling;
+      let description = element.dataset.description;
+      test(function() {
+        compareLayout(element, reference, epsilon);
+      }, `Invalid mmultiscripts should lay out as an mrow (${description})`);
+    });
+
     done();
   }
 </script>
 </head>
 <body>
   <div id="log"></div>
   <div id="container"></div>
+  <div id="invalidMultiscripts">
+    <math>
+      <mmultiscripts data-description="first in-flow child is an <mprescripts>">
+        <mprescripts/>
+        <mspace height="5px" depth="15px" width="10px" style="background: black"/>
+        <mspace height="30px" depth="10px" width="20px" style="background: black"/>
+        <mspace height="15px" depth="45px" width="30px" style="background: black"/>
+        <mspace height="60px" depth="20px" width="40px" style="background: black"/>
+
+      </mmultiscripts>
+      <mrow>
+        <mprescripts/>
+        <mspace height="5px" depth="15px" width="10px" style="background: black"/>
+        <mspace height="30px" depth="10px" width="20px" style="background: black"/>
+        <mspace height="15px" depth="45px" width="30px" style="background: black"/>
+        <mspace height="60px" depth="20px" width="40px" style="background: black"/>
+
+      </mrow>
+    </math>
+    <math>
+      <mmultiscripts data-description="one of the even number of children after the first <mprescripts> is an <mprescripts>">
+        <mspace height="5px" depth="15px" width="10px" style="background: black"/>
+        <mspace height="30px" depth="10px" width="20px" style="background: black"/>
+        <mspace height="15px" depth="45px" width="30px" style="background: black"/>
+        <mprescripts/>
+        <mspace height="60px" depth="20px" width="40px" style="background: black"/>
+        <mprescripts/>
+        <mspace height="25px" depth="75px" width="50px" style="background: black"/>
+        <mspace height="35px" depth="105px" width="70px" style="background: black"/>
+      </mmultiscripts>
+      <mrow>
+        <mspace height="5px" depth="15px" width="10px" style="background: black"/>
+        <mspace height="30px" depth="10px" width="20px" style="background: black"/>
+        <mspace height="15px" depth="45px" width="30px" style="background: black"/>
+        <mprescripts/>
+        <mspace height="60px" depth="20px" width="40px" style="background: black"/>
+        <mprescripts/>
+        <mspace height="25px" depth="75px" width="50px" style="background: black"/>
+        <mspace height="35px" depth="105px" width="70px" style="background: black"/>
+      </mrow>
+    </math>
+  </div>
 </body>
 </html>