diff options
Diffstat (limited to 'layout/reftests/mathml/stretchy-largeop-3.html')
| -rw-r--r-- | layout/reftests/mathml/stretchy-largeop-3.html | 156 |
1 files changed, 156 insertions, 0 deletions
diff --git a/layout/reftests/mathml/stretchy-largeop-3.html b/layout/reftests/mathml/stretchy-largeop-3.html new file mode 100644 index 0000000000..5fe3149894 --- /dev/null +++ b/layout/reftests/mathml/stretchy-largeop-3.html @@ -0,0 +1,156 @@ +<!DOCTYPE html> +<!-- Test that non-stretchy largeops do not stretch --> + +<html class="reftest-wait"> + <head> + <title>Largeop stretching</title> + <meta charset="utf-8" /> + <script type="text/javascript"> + + function almostEqual(aX, aY) { + var epsilon = 2; + return Math.abs(aX - aY) < epsilon; + } + + function verifySize(aElement, aReference) { + /* Verify if the size of the element matches the reference, and + otherwise paint the element in red. */ + var element = document.getElementById(aElement); + var ref = document.getElementById(aReference); + if (!almostEqual(element.getBoundingClientRect().height, + ref.getBoundingClientRect().height) || + !almostEqual(element.getBoundingClientRect().width, + ref.getBoundingClientRect().width)) { + element.setAttribute("mathcolor", "red"); + } + } + + function doTest() { + /* Ensure that largeops are bigger in displaystyle */ + var numTests = 10; // zero indexed + var opPrefix = "mo"; + var refPrefix = "moRef"; + for (var i = 0; i < numTests; i++) + { + verifySize(opPrefix + i, refPrefix + i); + } + document.documentElement.removeAttribute("class"); + + } + </script> + </head> + <body onload="doTest();"> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo0">⨀</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo1">⨁</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo2">⨃</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo3">⨅</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo4">⨇</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo5">⨈</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo6">⨉</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo7">⨊</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo8">⫼</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mrow> + <mspace height="3em" /> + <mo id="mo9">⫿</mo> + </mrow> + </math> + </p> + <p> + <math displaystyle="true"> + <mo id="moRef0">⨀</mo> + </math> + <math displaystyle="true"> + <mo id="moRef1">⨁</mo> + </math> + <math displaystyle="true"> + <mo id="moRef2">⨃</mo> + </math> + <math displaystyle="true"> + <mo id="moRef3">⨅</mo> + </math> + <math displaystyle="true"> + <mo id="moRef4">⨇</mo> + </math> + <math displaystyle="true"> + <mo id="moRef5">⨈</mo> + </math> + <math displaystyle="true"> + <mo id="moRef6">⨉</mo> + </math> + <math displaystyle="true"> + <mo id="moRef7">⨊</mo> + </math> + <math displaystyle="true"> + <mo id="moRef8">⫼</mo> + </math> + <math displaystyle="true"> + <mo id="moRef9">⫿</mo> + </math> + </p> + </body> +</html> |