Bug 1526849 [wpt PR 15298] - Add an id="log" container at the top of the page for MathML testharne…, a=testonly
authorFrédéric Wang <fred.wang@free.fr>
Tue, 19 Feb 2019 11:46:20 +0000
changeset 519214 c05f77a145341bc13fa1ffaad5ec9163bf6b2a5e
parent 519213 811e9501d554977a9e90f8c96ff0095ab48a5e1c
child 519215 dcf9f8a30353c00c97b288f85ea84f95bd4d3d19
push id10862
push userffxbld-merge
push dateMon, 11 Mar 2019 13:01:11 +0000
treeherdermozilla-beta@a2e7f5c935da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1526849, 15298
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1526849 [wpt PR 15298] - Add an id="log" container at the top of the page for MathML testharne…, a=testonly Automatic update from web-platform-tests Add an id="log" container at the top of the page for MathML testharness tests. (#15298) Currently the test summary is appended at the end of the page, sometimes after a lot of MathML formulae. Adding an id="log" container allows to display the summary at the top of the page. -- wpt-commits: e2dd57c3f273468b3c6a087978c531dcd00933de wpt-pr: 15298
testing/web-platform/tests/mathml/presentation-markup/fractions/frac-1.html
testing/web-platform/tests/mathml/presentation-markup/fractions/frac-parameters-1.html
testing/web-platform/tests/mathml/presentation-markup/fractions/frac-parameters-2.html
testing/web-platform/tests/mathml/presentation-markup/operators/mo-axis-height-1.html
testing/web-platform/tests/mathml/presentation-markup/radicals/root-parameters-1.html
testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-1.html
testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-2.html
testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-3.html
testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-4.html
testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-5.html
testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
testing/web-platform/tests/mathml/presentation-markup/scripts/underover-1.html
testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-1.html
testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-2.html
testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-3.html
testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-4.html
testing/web-platform/tests/mathml/presentation-markup/spaces/space-1.html
testing/web-platform/tests/mathml/presentation-markup/tables/table-axis-height.html
testing/web-platform/tests/mathml/relations/css-styling/displaystyle-1.html
testing/web-platform/tests/mathml/relations/css-styling/lengths-3.html
testing/web-platform/tests/mathml/relations/html5-tree/class-2.html
testing/web-platform/tests/mathml/relations/html5-tree/display-1.html
testing/web-platform/tests/mathml/relations/html5-tree/unique-identifier-2.html
--- a/testing/web-platform/tests/mathml/presentation-markup/fractions/frac-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/fractions/frac-1.html
@@ -74,16 +74,17 @@
       }
     }, "Dimension of mfrac elements");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mo id="axis">−</mo>
       <mfrac id="frac0">
         <mspace id="frac0num" width="15px" height="15px" style="background: blue"/>
         <mspace id="frac0den" width="15px" height="15px" style="background: green"/>
       </mfrac>
       <mfrac id="frac1">
@@ -119,11 +120,10 @@
         <mspace id="frac8den" width="15px" height="15px" style="background: green"/>
       </mfrac>
       <mfrac id="frac9" linethickness="0px">
         <mspace id="frac9num" width="15px" height="15px" style="background: blue"/>
         <mspace id="frac9den" width="15px" height="30px" style="background: green"/>
       </mfrac>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/fractions/frac-parameters-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/fractions/frac-parameters-1.html
@@ -128,16 +128,17 @@
                            v1, epsilon, "mfrac: rule thickness");
     }, "FractionRuleThickness");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math style="font-family: axisheight7000-rulethickness1000;">
       <mspace id="ref0001" depth="1em" width="3em" style="background: green"/>
       <mfrac>
         <mspace width="3em" height="1em" id="num0001" style="background: blue"/>
         <mspace width="3em"/>
       </mfrac>
     </math>
@@ -232,11 +233,10 @@
   <p>
     <math style="font-family: rulethickness10000">
       <mfrac>
         <mspace width="3em" height="1em" id="num0010" style="background: blue"/>
         <mspace width="3em" depth="1em" id="den0010" style="background: green"/>
       </mfrac>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/fractions/frac-parameters-2.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/fractions/frac-parameters-2.html
@@ -97,16 +97,17 @@
                            v, epsilon, "mfrac: numerator shift");
     }, "ToShiftUp");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math style="font-family: axisheight7000;">
       <mspace id="ref0001" depth="1em" width="3em" style="background: green"/>
       <mfrac linethickness="0px">
         <mspace width="3em" height="1em" id="num0001" style="background: blue"/>
         <mspace width="3em"/>
       </mfrac>
     </math>
@@ -164,11 +165,10 @@
     <math style="font-family: topshiftup9000;">
       <mspace id="ref0007" width="3em" depth="1em" style="background: green"/>
       <mfrac linethickness="0px">
         <mspace width="3em" height="1em" id="num0007" style="background: blue"/>
         <mspace width="3em"/>
       </mfrac>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/operators/mo-axis-height-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/operators/mo-axis-height-1.html
@@ -50,16 +50,17 @@
                            v1, epsilon, "mo: axis height");
     }, "AxisHeight (glyph assembly)");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math style="font-family: axisheight5000-verticalarrow14000;">
       <mrow>
         <mspace id="baseline1" style="background: blue" width="50px" height="1px"/>
         <mpadded voffset="50px"><mspace style="background: cyan" width="50px" height="1px"/></mpadded>
         <mo id="mo1" symmetric="true" style="color: green">&#x21A8;</mo>
         <mspace style="background: gray" width="10px" height="50px"/>
       </mrow>
@@ -67,11 +68,10 @@
     <math style="font-family: axisheight5000-verticalarrow14000;">
       <mrow>
         <mspace id="baseline2" style="background: blue" width="50px" height="1px"/>
         <mpadded voffset="50px"><mspace style="background: cyan" width="50px" height="1px"/></mpadded>
         <mo id="mo2" symmetric="true" style="color: green">&#x21A8;</mo>
         <mspace id="target2" style="background: gray" width="10px" height="200px"/>
       </mrow>
     </math>
-  </p>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/radicals/root-parameters-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/radicals/root-parameters-1.html
@@ -124,16 +124,17 @@
                            "msqrt: vertical gap");
     }, "RadicalVerticalGap");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math style="font-family: degreebottomraisepercent25-rulethickness1000;">
       <mspace id="ref001" width="3em" depth="1em" style="background: green"/>
       <mroot>
         <mspace id="base001" width="3em" height="10em" style="background: green"/>
         <mspace id="index001" width="3em" height="1em" style="background: blue"/>
       </mroot>
     </math>
@@ -199,11 +200,10 @@
         <mspace id="base0071" width="3em" height="1em" style="background: blue"/>
       </msqrt>
       <mroot style="background: green" id="radical0072">
         <mspace id="base0072" width="3em" height="1em" style="background: blue"/>
         <mspace width="3em" height="1em" style="background: black"/>
       </mroot>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-1.html
@@ -76,16 +76,17 @@
       assert_approx_equals(getBox("msubsup").height, Math.max(getBox("msubSub").bottom, getBox("msubBase").bottom) - Math.min(getBox("msupSup").top, getBox("msupBase").top), e, "msubsup: height is determined by the top/bottom sides of base/scripts");
     }, "Height of scripted elements");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
       <msub id="msub" style="background: green">
         <mspace id="msubBase" width="30px" height="15px" depth="15px" style="background: black"/>
         <mspace id="msubSub" width="10px" height="5px" depth="5px" style="background: black"/>
       </msub>
       <msup id="msup" style="background: blue">
@@ -94,11 +95,10 @@
       </msup>
       <msubsup id="msubsup" style="background: green">
         <mspace id="msubsupBase" width="30px" height="15px" depth="15px" style="background: black"/>
         <mspace id="msubsupSub" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="msubsupSup" width="10px" height="5px" depth="5px" style="background: black"/>
       </msubsup>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-2.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-2.html
@@ -115,16 +115,17 @@
       });
     }, "Size of empty elements");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
       <mmultiscripts id="msub" style="background: green">
         <mspace id="msubBase" width="30px" height="15px" depth="15px" style="background: black"/>
         <mspace id="msubSub" width="10px" height="5px" depth="5px" style="background: black"/>
         <none/>
       </mmultiscripts>
@@ -153,11 +154,10 @@
       <mmultiscripts id="premsubsup" style="background: green">
         <mspace id="premsubsupBase" width="30px" height="15px" depth="15px" style="background: black"/>
         <mprescripts/>
         <mspace id="premsubsupSub" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="premsubsupSup" width="10px" height="5px" depth="5px" style="background: black"/>
       </mmultiscripts>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-3.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-3.html
@@ -102,16 +102,17 @@
       }
     }, "Horizontal positions of scripts");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
       <mmultiscripts id="multi0" style="background: green">
         <mspace id="multi0base" width="30px" height="15px" depth="15px" style="background: black"/>
       </mmultiscripts>
       <mmultiscripts id="multi1" style="background: green">
         <mspace id="multi1base" width="30px" height="15px" depth="15px" style="background: black"/>
@@ -170,11 +171,10 @@
         <mspace id="multi5presup2" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="multi5presub3" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="multi5presup3" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="multi5presub4" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="multi5presup4" width="10px" height="5px" depth="5px" style="background: black"/>
       </mmultiscripts>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-4.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-4.html
@@ -46,16 +46,17 @@
       });
     }, "Vertical position of the scripts for bases of different heights");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
       <msub id="msub50">
         <mspace id="msub50base" width="30px" height="50px" depth="50px" style="background: black"/>
         <mspace id="msub50sub" width="10px" height="5px" depth="5px" style="background: black"/>
       </msub>
       <msup id="msup50">
@@ -114,11 +115,10 @@
         <mspace id="multi100postsub" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="multi100postsup" width="10px" height="5px" depth="5px" style="background: black"/>
         <mprescripts/>
         <mspace id="multi100presub" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="multi100presup" width="10px" height="5px" depth="5px" style="background: black"/>
       </mmultiscripts>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-5.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-5.html
@@ -54,16 +54,17 @@
       assert_greater_than(getBox("multipostsub").top, getBox("multipostsup").bottom, "mmultiscripts: postsubscript is below the postsuperscript");
     }, "No collisions for tall subscripts and superscripts");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
       <msub id="msub">
         <mspace id="msubbase" width="30px" height="15px" depth="15px" style="background: black"/>
         <mspace id="msubsub" width="10px" height="50px" depth="50px" style="background: black"/>
       </msub>
       <msup id="msup">
@@ -80,11 +81,10 @@
         <mspace id="multipostsub" width="10px" height="50px" depth="50px" style="background: black"/>
         <mspace id="multipostsup" width="10px" height="75px" depth="75px" style="background: black"/>
         <mprescripts/>
         <mspace id="multipresub" width="10px" height="50px" depth="50px" style="background: black"/>
         <mspace id="multipresup" width="10px" height="75px" depth="75px" style="background: black"/>
       </mmultiscripts>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
@@ -138,16 +138,17 @@
       assert_approx_equals(getBox("sup901").bottom - getBox("base901").top, v, epsilon, "msup: Superscript drop");
     }, "SuperscriptBaselineDrop");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
     <p>
       <math style="font-family: spaceafterscript3000;">
         <msub>
           <mspace height="2em" width="2em" style="background: blue"/>
           <mspace id="sub001" height="1em" width="1em" style="background: red"/>
         </msub>
         <mspace id="ref001" height="1em" width="1em" style="background: green"/>
       </math>
@@ -325,11 +326,10 @@
       <math style="font-family: superscriptbaselinedropmax10000;">
         <msup>
           <mspace id="base901" height="15em" width="2em" style="background: blue"/>
           <mspace id="sup901" height="1em"
                   width="1em" style="background: red"/>
         </msup>
       </math>
     </p>
-    <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-1.html
@@ -84,16 +84,17 @@
       }
     }, "Height of scripted elements");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
       <munder id="under0">
         <mspace id="under0base" width="30px" height="5px" depth="5px" style="background: black"/>
         <mspace id="under0under" width="10px" height="5px" depth="5px" style="background: black"/>
       </munder>
       <munder id="under1">
@@ -151,11 +152,10 @@
       </munderover>
       <munderover id="underover5">
         <mspace id="underover5base" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="underover5under" width="10px" height="5px" depth="5px" style="background: black"/>
         <mspace id="underover5over" width="10px" height="15px" depth="15px" style="background: black"/>
       </munderover>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-1.html
@@ -75,16 +75,17 @@
                            v, epsilon, "munderover: over shift");
     }, "UpperLimitGapMin");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
     <p>
       <math style="font-family: lowerlimitbaselinedropmin3000;">
         <mspace id="ref0001" height="1em" width="3em" style="background: green"/>
         <munder>
           <mo movablelimits="false">&#x2211;</mo>
           <mspace id="under00011" depth="1em" width="3em" style="background: blue"/>
         </munder>
         <munderover>
@@ -134,11 +135,10 @@
         </mover>
         <munderover>
           <mo movablelimits="false">&#x2211;</mo>
           <mspace height="1em" width="3em" style="background: black"/>
           <mspace id="over00042" depth="1em" width="3em" style="background: blue"/>
         </munderover>
       </math>
     </p>
-    <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-2.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-2.html
@@ -75,16 +75,17 @@
                            v, epsilon, "munderover: over shift");
     }, "StretchStackGapAboveMin");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
     <p>
       <math style="font-family: bottomshiftdown3000;">
         <mspace id="ref0001" height="1em" width="3em" style="background: green"/>
         <munder>
           <mo>&#x2192;</mo>
           <mspace id="under00011" depth="1em" width="3em" style="background: blue"/>
         </munder>
         <munderover>
@@ -134,11 +135,10 @@
         </mover>
         <munderover>
           <mo>&#x2192;</mo>
           <mspace height="1em" width="3em" style="background: black"/>
           <mspace id="over00042" depth="1em" width="3em" style="background: blue"/>
         </munderover>
       </math>
     </p>
-    <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-3.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-3.html
@@ -182,16 +182,17 @@
       }
     }, "AccentBaseHeight, OverbarVerticalGap");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
     <p>
       <math style="font-family: accentbaseheight4000underbarextradescender5000;">
         <mspace id="ref001" height="1em" width="3em" style="background: green"/>
         <munder style="background: cyan" id="el0011">
           <mspace id="base0011" height="3em" width="1em" style="background: black"/>
           <mspace id="under0011" height="1em" width="3em" style="background: blue"/>
         </munder>
         <munder style="background: cyan" id="el0012" accentunder="true">
@@ -313,11 +314,10 @@
         </munderover>
         <munderover style="background: cyan" id="el0046" accent="true">
           <mspace id="base0046" height="3em" width="1em" style="background: black"/>
           <mspace id="under0046" height="1em" width="3em" style="background: blue"/>
           <mspace id="over0046" height="1em" width="3em" style="background: red"/>
         </munderover>
       </math>
     </p>
-    <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-4.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/scripts/underover-parameters-4.html
@@ -182,16 +182,17 @@
       }
     }, "AccentBaseHeight, OverbarVerticalGap");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
     <p>
       <math style="font-family: accentbaseheight4000underbarextradescender5000;">
         <mspace id="ref001" height="1em" width="3em" style="background: green"/>
         <munder style="background: cyan" id="el0011">
           <mspace id="base0011" height="3em" width="1em" style="background: black"/>
           <mo id="under0011" style="color: blue">&#xB0;</mo>
         </munder>
         <munder style="background: cyan" id="el0012">
@@ -313,11 +314,10 @@
         </munderover>
         <munderover style="background: cyan" id="el0046" accent="true">
           <mspace id="base0046" height="3em" width="1em" style="background: black"/>
           <mo id="under0046" style="color: blue">&#x2D8;</mo>
           <mo id="over0046" style="color: red">&#x2D8;</mo>
         </munderover>
       </math>
     </p>
-    <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/spaces/space-1.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/spaces/space-1.html
@@ -63,16 +63,17 @@
       }
     }, "Various combinations of height, depth and width.");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <span id="baseline" style="display: inline-block; width: 30px; height: 5px; background: blue"></span>
     <math>
       <mspace id="empty"/>
       <mspace id="width0" width="25px"/>
       <mspace id="width1" width="50px"/>
       <mspace id="width2" width="75px"/>
       <mspace id="height0" height="25px"/>
@@ -81,11 +82,10 @@
       <mspace id="depth0" depth="25px"/>
       <mspace id="depth1" depth="50px"/>
       <mspace id="depth2" depth="75px"/>
       <mspace id="mspace0" width="25px" height="50px" depth="75px" style="background: green"/>
       <mspace id="mspace1" width="50px" height="75px" depth="25px" style="background: blue"/>
       <mspace id="mspace2" width="75px" height="25px" depth="50px" style="background: green"/>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/tables/table-axis-height.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/tables/table-axis-height.html
@@ -38,16 +38,17 @@
                            v1, epsilon, "mtable: axis height");
     }, "AxisHeight");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math style="font-family: axisheight5000-verticalarrow14000">
       <mspace id="baseline" style="background: green" width="50px" height="1px"/>
       <mtable id="table" style="background: blue"><mtr><mtd><mspace width="100px" height="1px"/></mtd></mtr></mtable>
     </math>
   </p>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/relations/css-styling/displaystyle-1.html
+++ b/testing/web-platform/tests/mathml/relations/css-styling/displaystyle-1.html
@@ -87,16 +87,17 @@
       verify_displaystyle("munderover_underscript", false, "underscript");
       verify_displaystyle("munderover_overscript", false, "overscript");
     }, "munderover element");
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <math><mo id="math_default">&#x2AFF;</mo></math>
   <math display="inline"><mo id="math_inline">&#x2AFF;</mo></math>
   <math display="block"><mo id="math_block">&#x2AFF;</mo></math>
   <math displaystyle="false"><mo id="math_false">&#x2AFF;</mo></math>
   <math displaystyle="true"><mo id="math_true">&#x2AFF;</mo></math>
   <math><mstyle displaystyle="false"><mo id="mstyle_false">&#x2AFF;</mo></mstyle></math>
   <math><mstyle displaystyle="true"><mo id="mstyle_true">&#x2AFF;</mo></mstyle></math>
   <math displaystyle="true"><mtable><mtr><mtd><mo id="mtable_default">&#x2AFF;</mo></mtd></mtr></mtable></math>
--- a/testing/web-platform/tests/mathml/relations/css-styling/lengths-3.html
+++ b/testing/web-platform/tests/mathml/relations/css-styling/lengths-3.html
@@ -88,16 +88,17 @@
       assert_approx_equals(topRef - getBox("N10").top, -123, epsilon, "N10");
     }, "Non-positive numbers");
 
     done();
   }
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <p>
     <math>
       <mspace id="unitCm" width="2.54cm"/>
       <mspace id="unitEm" width="12em"/>
       <mspace id="unitEx" width="100ex"/>
       <mspace id="unitIn" width="3in"/>
       <mspace style="font-size: 1800px" id="unitNamed" width="veryverythickmathspace"/>
       <mspace id="unitMm" width="152.4mm"/>
@@ -149,11 +150,10 @@
       <mpadded voffset="-432em"><mspace id="N5"/></mpadded>
       <mpadded voffset="-.10em"><mspace id="N6"/></mpadded>
       <mpadded voffset="-.789em"><mspace id="N7"/></mpadded>
       <mpadded voffset="-6.5em"><mspace id="N8"/></mpadded>
       <mpadded voffset="-43.21em"><mspace id="N9"/></mpadded>
       <mpadded voffset="-012.345em"><mspace id="N10"/></mpadded>
     </math>
   </p>
-  <hr/>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/relations/html5-tree/class-2.html
+++ b/testing/web-platform/tests/mathml/relations/html5-tree/class-2.html
@@ -8,29 +8,30 @@
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script>
   setup({ explicit_done: true });
   window.addEventListener("DOMContentLoaded", function() {
     var mtext = document.getElementsByClassName("cl");
     test(function() {
       assert_equals(mtext.length, 3);
-      var mtext_ref = document.body.firstElementChild.firstElementChild;
+      var mtext_ref = document.body.lastElementChild.firstElementChild;
       mtext_ref = mtext_ref.nextElementSibling.nextElementSibling
       assert_equals(mtext[0], mtext_ref);
       mtext_ref = mtext_ref.nextElementSibling.nextElementSibling;
       assert_equals(mtext[1], mtext_ref);
       mtext_ref = mtext_ref.nextElementSibling.nextElementSibling;
       assert_equals(mtext[2], mtext_ref);
     }, "getElementsByClassName()");
     done();
   });
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <math>
     <mtext class="cl_"></mtext>
     <mtext class="c"></mtext>
     <mtext class="cl"></mtext>
     <mtext class="cl_"></mtext>
     <mtext class="cl"></mtext>
     <mtext class="c"></mtext>
     <mtext class="cl"></mtext>
--- a/testing/web-platform/tests/mathml/relations/html5-tree/display-1.html
+++ b/testing/web-platform/tests/mathml/relations/html5-tree/display-1.html
@@ -65,16 +65,17 @@
     background: black;
   }
   mspace {
     background: black;
   }
 </style>
 </head>
 <body>
+  <div id="log"></div>
   <div id="content">
     <span id="before_block" class="square"></span>
     <math display="block"><mspace id="mspace_block" width="50px" height="50px"/></math>
     <span id="after_block" class="square"></span>
     <br/>
     <span id="before_inline" class="square"></span>
     <math display="inline"><mspace id="mspace_inline" width="50px" height="50px"/></math>
     <span id="after_inline" class="square"></span>
--- a/testing/web-platform/tests/mathml/relations/html5-tree/unique-identifier-2.html
+++ b/testing/web-platform/tests/mathml/relations/html5-tree/unique-identifier-2.html
@@ -7,22 +7,23 @@
 <meta name="assert" content="Verify whether the getElementById() works for MathML elements.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script>
   setup({ explicit_done: true });
   window.addEventListener("DOMContentLoaded", function() {
     var mtext = document.getElementById("MTEXT");
     test(function() {
-      assert_equals(mtext, document.body.firstElementChild.lastElementChild);
+      assert_equals(mtext, document.body.lastElementChild.lastElementChild);
     }, "getElementById()");
     done();
   });
 </script>
 </head>
 <body>
+  <div id="log"></div>
   <math>
     <mtext id="MTEXT_"></mtext>
     <mtext id="MTEX"></mtext>
     <mtext id="MTEXT"></mtext>
   </math>
 </body>
 </html>