diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/mathml/font-inflation-1.html | |
parent | Initial commit. (diff) | |
download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
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 0000000000..45e25f21d5 --- /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.6; + 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 cell = document.getElementById("cell"); + for (var i = 0; i < ref.children.length; i++) { + verifySize(inline.children[i], ref.children[i]); + verifySize(cell.children[i], ref.children[i]); + } + + document.documentElement.removeAttribute("class"); + } + + window.addEventListener("MozReftestInvalidate", verifySizes); + </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>' +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>' +(but not necessarily the same size as block-level math +<math display="block"> + <mrow id="display"> + <mtext style="font-family: dtls-1" mathvariant="fraktur">a</mtext> + <mo>+</mo> + </mrow> + </math> +because it forms a BFC and hence is its own inflation container.) +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> |