commit d250e8cd5fe0cb3c80cb0fdfc2040f4cfcbf7a0d
author Frédéric Wang <fwang@igalia.com> Mon Aug 05 09:09:01 2019
committer GitHub <noreply@github.com> Mon Aug 05 09:09:01 2019
tree fd113af70a94eeb2a93d9c72928d75555bdb641d
parent c83df3d495977e1faca01565ddde69053f19ba71

MathML: Make box comparison more reliable by using an absolutely-positioned div. (#18276)

It seems padding/border/margin-002 tests may fail because of interaction between
sibling divs. Although this probably need separate debugging/testing, these
tests are intended to verify each subtest individually, so make the testing divs
absolutely-positioned in order to isolate them from the rest of the layout.

mathml/support/box-comparison.js

diff --git a/mathml/support/box-comparison.js b/mathml/support/box-comparison.js
index 77d145b..c46808f 100644
--- a/mathml/support/box-comparison.js
+++ b/mathml/support/box-comparison.js
@@ -22,7 +22,7 @@
 
     if (!direction)
       direction = "ltr";
-    document.body.insertAdjacentHTML("beforeend", `<div>\
+    document.body.insertAdjacentHTML("beforeend", `<div style="position: absolute;">\
 <math><mrow dir="${direction}">${MathMLFragments[tag]}</mrow></math>\
 <math><mrow dir="${direction}">${MathMLFragments[tag]}</mrow></math>\
 </div>`);
@@ -64,7 +64,7 @@
     if (!FragmentHelper.isValidChildOfMrow(tag))
         throw `Invalid argument: ${tag}`;
 
-    document.body.insertAdjacentHTML("beforeend", `<div>\
+    document.body.insertAdjacentHTML("beforeend", `<div style="position: absolute;">\
 <math>${MathMLFragments[tag]}</math>\
 <math>${MathMLFragments[tag]}</math>\
 </div>`);