diff options
| author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
|---|---|---|
| committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
| commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
| tree | 10027f336435511475e392454359edea8e25895d /layout/reftests/mathml/font-inflation-1.html | |
| parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
| download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip | |
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/mathml/font-inflation-1.html')
| -rw-r--r-- | layout/reftests/mathml/font-inflation-1.html | 107 |
1 files changed, 107 insertions, 0 deletions
diff --git a/layout/reftests/mathml/font-inflation-1.html b/layout/reftests/mathml/font-inflation-1.html new file mode 100644 index 000000000..9c4d1dfc2 --- /dev/null +++ b/layout/reftests/mathml/font-inflation-1.html @@ -0,0 +1,107 @@ +<!DOCTYPE html> +<html class="reftest-wait"> + <head> + <title>Font Inflation</title> + <meta charset="utf-8"/> + <style> + @font-face { + font-family: "dtls-1"; + src: url(../fonts/math/dtls-1.otf); + } + p, math { + font-family: serif; + } + </style> + <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. */ + if (!almostEqual(aElement.getBoundingClientRect().height, + aReference.getBoundingClientRect().height) || + !almostEqual(aElement.getBoundingClientRect().width, + aReference.getBoundingClientRect().width)) { + aElement.setAttribute("mathcolor", "red"); + } + } + + function verifySizes() { + /* Compare the size of the elements in the inline and display equations + against the reference mtext elements. */ + var ref = document.getElementById("ref"); + var inline = document.getElementById("inline"); + var display = document.getElementById("display"); + var cell = document.getElementById("cell"); + for (var i = 0; i < ref.children.length; i++) { + verifySize(inline.children[i], ref.children[i]); + verifySize(display.children[i], ref.children[i]); + verifySize(cell.children[i], ref.children[i]); + } + + document.documentElement.removeAttribute("class"); + } + + window.addEventListener("MozReftestInvalidate", verifySizes, false); + </script> + </head> + <body> + +<p>The text +'<math> + <mrow id="ref"> + <mtext style="font-family: dtls-1">𝔞</mtext> + <mtext>+</mtext> + </mrow> + </math>' +should have the same size as inline math +'<math> + <mrow id="inline"> + <mtext style="font-family: dtls-1" mathvariant="fraktur">a</mtext> + <mo>+</mo> + </mrow> + </math>, display math +<math display="block"> + <mrow id="display"> + <mtext style="font-family: dtls-1" mathvariant="fraktur">a</mtext> + <mo>+</mo> + </mrow> + </math>' +or math in a table: <math><mtable><mtr> + <mtd> + <mrow id="cell"> + <mtext style="font-family: dtls-1" mathvariant="fraktur">a</mtext> + <mo>+</mo> + </mrow> + </mtd> + </mtr></mtable></math> +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, +quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo +consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse +cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non +proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem +ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor +incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis +nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore +eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt +in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor +sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut +labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud +exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis +aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu +fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in +culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit +amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore +et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation +ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor +in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla +pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui +officia deserunt mollit anim id est laborum.</p> + + </body> +</html> |